今天在写textbox的hide和show切换时,发现设置textbox $("#xxx").textbox({disabled:true})时,元素只有边框没有宽度了,琢磨了好久,发现$("#xxx").textbox({disabled:true})会重绘控件,后来改成$("#xxx").textbox('enable')就好了。如下:
在easyUI中操作textbox进行disable和enable状态切换时有两种方法:
方法一、使用disabled属性进行操作,$("#xxx").textbox({disabled:true})/$("#xxx").textbox({disabled:false})
方法二、使用disable和enable方法进行操作,$("#xxx").textbox('disable')/$("#xxx").textbox('enable')
以上两种方法均能实现disable和enable状态切换,但是方法一会完全重绘控件,而方法二只是属性修改,个人开发过程中的一点总结,使用的是easyUI 1.4.1,如有不对之处欢迎指点。
本文探讨了在EasyUI框架中使用Textbox组件时遇到的问题,即通过设置disabled属性与使用disable和enable方法来切换控件状态的区别。前者会导致控件完全重绘,后者则仅修改属性,对显示效果影响较小。
845





