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 相关文章推荐
Javascript实现的分页函数
Dec 22 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
Nov 04 Javascript
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 21 Javascript
javascript使用链接跨域下载图片
Nov 01 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 16 Javascript
javascript实现时钟动画
Dec 03 Javascript
npm全局环境变量配置详解
Dec 15 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 验证图片生成函数
2009/05/21 PHP
php设计模式 Command(命令模式)
2011/06/26 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
Yii框架扩展CGridView增加导出CSV功能的方法
2017/05/24 PHP
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
js查错流程归纳
2012/05/04 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
javascript实例--教你实现扑克牌洗牌功能
2014/05/15 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
深入理解 JavaScript 中的 JSON
2017/04/06 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
详解离线安装npm包的几种方法
2018/11/25 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
three.js如何实现3D动态文字效果
2021/03/03 Javascript
python模拟enum枚举类型的方法小结
2015/04/30 Python
python插入排序算法实例分析
2015/07/03 Python
Python3 Random模块代码详解
2017/12/04 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
python numpy数组复制使用实例解析
2020/01/10 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
风险评估实施方案
2014/03/09 职场文书
网络优化专员求职信
2014/05/04 职场文书
优秀党员个人总结
2015/02/14 职场文书
投诉信范文
2015/07/02 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python