关闭

easyui 学习笔记

标签: easyuicombobox非下拉内容不显示
92人阅读 评论(0) 收藏 举报
分类:

中文API路径:http://www.jeasyui.net/plugins/168.html 



用到COMBOBOX时当输入内容不存在下拉框选项中(如人名只输入姓,不选择下拉内容),保存成功后导致后面流程走不下去,解决办法:

onHidePanel: function() {
            var valueField = $(this).combobox("options").valueField;
            var val = $(this).combobox("getValue");  //当前combobox的值
            var allData = $(this).combobox("getData");   //获取combobox所有数据
            var result = true;      //为true说明输入的值在下拉框数据中不存在
            for (var i = 0; i < allData.length; i++) {
                if (val == allData[i][valueField]) {
                    result = false;
                }
            }
            if (result) {
                $(this).combobox("clear");
            }

        }  (摘自http://blog.csdn.net/qq38397892/article/details/50016249


数据量太大时此方法欠妥当,后经改化,无需一个一个迭代数据

onHidePanel: function() {
                     var val = $(this).combobox('getValue');  //当前combobox的值
                     var text = $(this).combobox('getText');
                    if(val==text){
                      $(this).combobox('clear');
                    }
                }

加入此方法,当值不在下拉面板中时,焦点转移后,会自动清空所填内容。


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1428次
    • 积分:38
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:4篇
    • 译文:0篇
    • 评论:0条