在使用EasyUI各表单组件时,尤其是使用组合框(下拉列表框),DateBox(日期输入框),DateTimeBox(日期时间输入框)这三个组件时,经常有这样的需求,下拉框或日期只允许选择,不允许手动输入,这时只要在组件选项中加入编辑:假就可以实现,但有一个问题,就是:一旦选择了,没办法清空。经过研究,可以用一个变通的解决方案:给组件加上一个“清”除按钮,当有值是,显示按钮,点击按钮可清空值,当无值是,隐藏按钮。
定义JS方法,为EasyUI中一些常用组件添加“清”除按钮及功能。共计6个:
/*
*为“文本框的列表添加“清除“图标
*该实现使用了>
& lt; script>//名称改变时执行的一些操作。(演示清除操作回调)
var nameChangeDo=function () {//警报(“改变了……”);
}
$(函数(){
addClear4TextBox(“#代码”);
addClear4TextBox(“#名称”,nameChangeDo);
addClear4Combobox(“#城市”);
addClear4Combobox(“#国家\ \ .id”);
addClear4Combogrid (“# \ \ .id型”);
addClear4Combobox(“#爱好”);
addClear4Numberbox (“# intNum2”);
addClear4Numberbox (“# doubleNum1”);
addClear4Numberbox (“# doubleNum2”);
addClear4Datebox (“# theDate2”);
addClear4Datetimebox (“# theTime2”);
addClear4TextBox(“#评论”);
});
& lt;/script>
<强>(1)有值时的情况(其中类型是数据列表下拉框)
<强>(2)无值时的情况
以上这篇为Jquery EasyUI组件加上清除功能的方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
