EasyUI combogrid/combobox过滤时限制只能选择现有项

最新推荐文章于 2019-07-20 15:22:00 发布

weixin_30802171

最新推荐文章于 2019-07-20 15:22:00 发布

阅读量214

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhaogaojian/p/8051502.html

本文介绍了一种使用 EasyUI 的 Combogrid 控件进行值校验的方法。通过监听 Combogrid 的 onHidePanel 事件，确保用户只能从下拉列表中选择值而不能直接输入。此外，还提供了一个示例来展示如何实现这一功能。

上面方式在赋值时判断不了，下面方式

$('#areaGuid').combogrid({
       panelWidth: 300,
       idField: 'guid',
       textField: 'name',
       mode: 'remote',
       method: 'post',
       fitColumns: true,
       url: dourl + 'refreshArea.do',
       onHidePanel: function () {
           var _temp_SelectRow = $(this).combogrid("grid").datagrid('getSelected');
           var _var_Combgrid_SelectValue = $(this).combogrid('getValue');
           if (!_temp_SelectRow || _var_Combgrid_SelectValue != _temp_SelectRow.guid) {//没有选择或者选项不相等时清除内容
               $(this).combogrid('setValue', '');
           }
       },
       onShowPanel: function () {
           $(this).combogrid("grid").datagrid("reload", {q: ''});
       },
       columns: [[
           {field: 'code', title: 'Code', width: 60},
           {field: 'name', title: 'Name', width: 100}
       ]]
   });

转载于:https://www.cnblogs.com/zhaogaojian/p/8051502.html