浅谈EasyUI常用控件的禁用方法

最新推荐文章于 2020-07-17 14:36:20 发布

StarsRu丶星星茹

最新推荐文章于 2020-07-17 14:36:20 发布

阅读量730

点赞数

本文链接：https://blog.csdn.net/OnlyRu/article/details/78206420

版权

input和textarea：

1

2

3

 
         $( 
         '#controlid' 
         ).prop( 
         'disabled' 
         ,  
         true 
         ); 
        
 
         $( 
         'input:not(:button,:hidden)' 
         ).prop( 
         'disabled' 
         ,  
         true 
         ); 
         //禁用除button和hidden控件外的所有input控件 
        
 
         $( 
         'textarea' 
         ).prop( 
         'disabled' 
         ,  
         true 
         ); 
        

radio和checkbox：

1 2	`$(` `'input:radio[name="radioname"]'` `).prop(` `'disabled'` `,` `true` `);` `$(` `'input:checkbox[name="checkboxname"]'` `).prop(` `'disabled'` `,` `true` `);`

combobox、combotree、datebox和datetimebox：

1

2

3

4

 
         $( 
         '#comboboxid' 
         ).combobox({ disabled:  
         true 
          }); 
        
 
         $( 
         '#combotreeid' 
         ).combotree({ disabled:  
         true 
          }); 
        
 
         $( 
         '#dateboxid' 
         ).datebox({ disabled:  
         true 
          }); 
        
 
         $( 
         '#datetimeboxid' 
         ).datetimebox({ disabled:  
         true 
          }); 
        

ps：要注意的是easyui的datebox和datetimebox要先禁用再赋值，如果先赋值再禁用会导致禁用后控件的值为空。

combogrid：

1 2	`$(` `'#combogridid'` `).combogrid(` `'disable'` `);` `//easyui的combogrid控件设置禁用要用这种方法，如果用设置combobox的方法会导致一直重复调用onLoadSuccess事件` `$(` `'#FPayApplySupAccountID'` `).combogrid(` `'enable'` `);` `//启用`