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

165 阅读 0 评论 109 点赞

我是靠谱客的博主斯文小丸子，最近开发中收集的这篇文章主要介绍浅谈EasyUI常用控件的禁用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下所示：

input和textarea：

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

radio和checkbox：

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

combobox、combotree、datebox和datetimebox：

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

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

combogrid：

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

以上这篇浅谈EasyUI常用控件的禁用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。