easyui 常用控件禁用方法

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

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

0 ·

CC 4.0 BY-SA版权

EasyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在 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标签内的文字

// $('#dg_add').datagrid('loadData', {total: 0,rows:[]});//清除datagrid