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

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' ); //启用