EasyUI combogrid/combobox过滤时限制只能选择现有项
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了EasyUI combogrid/combobox过滤时限制只能选择现有项，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1412字，纯文字阅读大概需要3分钟。
内容图文
EasyUI combogrid/combobox过滤时限制只能选择现有项，有需要的朋友可以参考下。
在使用EasyUI的combogrid时可以通过输入进行过滤，达到快速选择的目的，但是手工输入不存在的项也不会出错，结果提交到数据库后就会产生错误。
比如idField是int型的，输入的数据通过是检索textField，并非int型，无法提交到后台。
如果直接禁止输入，在选项多的时候就很难快速选择了。
现在的解决方案是通过多个事件来判断是否输入了不存在的项目：
$("#artName").combogrid({
onChange: function (newValue, oldValue) {
artChanged = true;//记录是否有改变（当手动输入时发生) },
onHidePanel: function () {
var t = $(this).combogrid(‘getValue‘);
if (artChanged) {
if (selectRow == null || t != selectRow.id) {//没有选择或者选项不相等时清除内容
alert(‘请选择，不要直接输入‘);
$(this).combogrid(‘setValue‘, ‘‘);
} else {
//do something... }
}
artChanged = false;
selectRow = null;
},
onShowPanel: function () {
},
panelWidth: 400,
url: ‘getInfo.ashx‘,
idField: ‘id‘,
textField: ‘name‘,
mode: ‘remote‘,
fitColumns: true,
columns: [[
{ field: ‘id‘, title: ‘ID‘, width: 20 },
{ field: ‘Text‘, title: ‘类别‘, width: 80 },
{ field: ‘name‘, title: ‘名称‘, align: ‘left‘, width: 120 },
{ field: ‘size‘, title: ‘尺码‘, align: ‘left‘, width: 60 },
{
field: ‘Qty‘, title: ‘配额‘, width: 80, formatter: function (value, row, index) {
return ‘每‘ + row.preYear + ‘年‘ + row.Qty + ‘件‘;
}
},
{ field: ‘classID‘, title: ‘类别ID‘, align: ‘center‘, width: 60, hidden: true }
]],
onSelect: function (index, row) {
selectRow = row;
}
});
});
首先在手动输入时触发onChange，设置标识为true
当选择现有项时设置selectRow为当前选项
当收起选项时检查是否符合条件，不符合则清除输入内容
原文：http://www.cnblogs.com/azhqiang/p/4432648.html
内容总结
以上是互联网集市为您收集整理的EasyUI combogrid/combobox过滤时限制只能选择现有项全部内容，希望文章能够帮你解决EasyUI combogrid/combobox过滤时限制只能选择现有项所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。