jquery easyui combobox模糊过滤(示例代码)


Posted in Javascript onNovember 30, 2013

修改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;//将从头位置匹配改为任意匹配 
},formatter:function(row){ 
var opts=$(this).combobox("options"); 
return row[opts.textField]; 
},loader:function(_7c9,_7ca,_7cb){ 
var opts=$(this).combobox("options"); 
if(!opts.url){ 
return false; 
}

修改easyui combobox扩展可以默认选择第一行

easyui的combobox扩展默认选择第一行,网上有疯狂秀才的那个被转载了无数次的代码,但是那个只是针对easyui1.2.6的,试了一下在1.3.2下不行的,自己重新写了一个扩展方法如下:

$.extend($.fn.combobox.methods, { 
    selectedIndex: function (jq, index) { 
        if (!index) { 
            index = 0; 
        } 
        $(jq).combobox({ 
            onLoadSuccess: function () { 
                var opt = $(jq).combobox('options'); 
                var data = $(jq).combobox('getData');                 for (var i = 0; i < data.length; i++) { 
                    if (i == index) { 
                        $(jq).combobox('setValue', eval('data[index].' + opt.valueField)); 
                        break; 
                    } 
                } 
            } 
        }); 
    } 
});

调用方法实例如下:
<script type="text/javascript"> 
var currenturl = "om_taking.aspx"; 
        $(function () { 
            $('#dept').combobox({ 
                url: currenturl + "?act=loadDept", 
                valueField: 'DEPARTMENT_ID', 
                textField: 'DEPARTMENT_NAME'
            }).combobox('selectedIndex', 0); 
        }); 
</script>
Javascript 相关文章推荐
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
Dec 24 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
Aug 25 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
微信小程序实现点击图片放大预览
Oct 21 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
vue Element左侧无限级菜单实现
Jun 10 Javascript
JavaScript高级程序设计之基本引用类型
Nov 17 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 #Javascript
jQuery之过滤元素操作小结
Nov 30 #Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 #Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 #Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 #Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 #Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 #Javascript
You might like
PHP入门速成教程
2007/03/19 PHP
实用函数4
2007/11/08 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
node.js中的fs.readlinkSync方法使用说明
2014/12/17 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
2015/03/02 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
使用BootStrap实现用户登录界面UI
2016/08/10 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
python结合API实现即时天气信息
2016/01/19 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
python生成二维码的实例详解
2017/10/29 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
python 判断参数为Nonetype类型或空的实例
2018/10/30 Python
python反编译学习之字节码详解
2019/05/19 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
北体毕业生求职信
2014/02/28 职场文书
初一新生军训方案
2014/05/22 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
对外汉语专业大学生职业生涯规划范文
2014/09/13 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
药品开票员岗位职责
2015/04/15 职场文书
单位接收证明格式
2015/06/18 职场文书
情人节单身感言
2015/08/03 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python