easyui的combobox控件进一步优化

技术分享2,632 人阅读

最近的网站中使用到easyuicombobox控件,感觉它还是有一些不太满足我的需求的。

比如这个,类型这个下拉列表字段,我输入了一个类型里不存在的值后,然后我继续填其它的信息,提交时,表单就直接把这个“不存在的值”当成类型的 value 提交了,结果就出错了,因为我的后台是接收类型的 id 值的。

QQ截图20150912220024

QQ截图20150912215454

 

所以我需要如果用户输入了一个不存在的值后,鼠标点击其它地方后,自动把值清除了。

 

我给 combobox 添加一个 blur 默认事件,当失去焦点时,判断它的值是否为空,或者它的值跟文本如果是一样的话,就清除控件的值

 

还有一个问题,combobox 的默认过滤方式都是按这样的,比如笔记本电脑,你输入“电脑”,查询不到,你必须按它的顺序,输入“笔”才查询到。

我改了combobox默认的filter事件。

 

还有一个问题,就是比如我设置 mode remote 的话,就是填写关键字后向服务器查询数据,但当你打空格时,这个控件也会向服务器发送,所以我要过滤掉关键字两边的空格