easyui 中的 combobox 可以输入值,但是并没有开放对输入值进行校验接口。比如,输入“12”,但是data中并没有text为12的选项,此时需求是插件清空用户输入。
查看官网document,并没有相应的属性和方法。只能自己加校验。
下边提供两个思路
1.重写validate 校验规则。由于combobox有validatebox 的属性,可以修改校验规则来校验。
2.给combobox的输入框加入事件监听。
这里介绍第二种。查看文档,combobox提供了“textbox”方法,返回输入框对象,有这个方法就简单了,给他绑定事件即可。
$('#cb').combobox('textbox').bind('blur',function(){ // 获得输入值 var inputV = $('#cb').combobox('getText'); var datas = $('#cb').combobox('getData'); var size = datas.length; if(inputV==""||size==0){ return; }else{ for(var i =0;i<size;i++){ if(inputV==datas[i].text){ return; } } $('#cb').combobox('clear'); } });
当焦点离开输入框时,遍历所有的可选项,看看是否有同输入内同一致的选项,没有则清空选择。
相关推荐
java jquery easyui combobox 级联demo(真正可用) 注释详细
修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将...
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
jquery EasyUI的API,方便使用easyui查看。。。。。。
2018年最新的jquery, easyui, combobox ,mysql,数据库,省市县,三级联动
jqueryEasyUI 下载,及api下载 jqueryEasyUI 下载,及api下载
jquery easyui 帮助文档 非常好用的
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档jQuery EasyUI 中文文档...
这是我自己总结出来easyui-textbox和easyui-combobox的onchange事件响应实例,绝对可用,网上很多实例都无法运行,这个我亲自测试可用使用才传上来的,供大家参考学习。
下面小编就为大家带来一篇jQuery EasyUI 为Combo,Combobox添加清除值功能的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery EasyUI EasyUI 组件范例
jQuery EasyUI 1.4.3 API 中文 jQuery EasyUI 1.4.3 API jQuery EasyUI 1.4.3 API
资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。通过jQuery EasyUI开发者不需要编写复杂的javascript,也不需要对css样式有深入的...
jQuery EasyUI 1.5.1文档 jQuery EasyUI 1.5.1文档 jQuery EasyUI 1.5.1文档
jQuery EasyUI 1.4.2 版 API 中文版手册
jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement...