EasyUI常用控件禁用方法

最新推荐文章于 2023-09-20 16:07:01 发布

原创最新推荐文章于 2023-09-20 16:07:01 发布 · 1.1w 阅读

7 ·

CC 4.0 BY-SA版权

.net 同时被 3 个专栏收录

31 篇文章

订阅专栏

19 篇文章

订阅专栏

JAVASCRIPT

7 篇文章

订阅专栏

本文档提供了EasyUI中常见控件如validatebox、combobox、datebox、datetimebox和combogrid的禁用与启用方法。通过jQuery选择器与特定属性设置，实现对表单元素状态的有效控制。

EasyUI常用控件禁用方法：

1.validatebox可以用的用法:前两种适用于单个的validatebox;
第三种应用于整个form里面的输入框;

<1>.$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly");
<2>.$("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
<3>.$("#Form :input").attr("readonly", "readonly"); //对form里面的禁用
<4>.$("input").attr("readonly", "readonly"); //对所有的input标签禁用

2.combobox禁用启用用法:

<1>.$("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false});
<2>.$("#id").attr("readonly", "readonly"); //对单个禁用 ----- $("#id").removeAttr("readonly");
<3>.$("#fm .easyui-combobox").combobox({ disabled: true }); //对form里面的下拉框禁用
<4>.$("#ID").combobox("disable"); ------ $("#ID").combobox("enable");

3.datebox与datetimebox禁用启用方法:

<1>.$("#fm .easyui-datebox").datebox({ disabled: true }); ----- $("#fm .easyui-datebox").datebox({ disabled: false});
<2>.$("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
<3>.$("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });

4.combogrid禁用启用方法:
<1>.$("#FPayApplySupAccountID").combogrid("disable"); ----- $("#FPayApplySupAccountID").combogrid("enable");

5.lable标签ID附加文字：
<1>.$("#id").text("标题:"); //此方法可以屏蔽掉lable标签内的文字