手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery easyui combobox模糊过滤(示例代码)
jquery easyui combobox模糊过滤(示例代码)
摘要:修改jqueryeasyuicombobox模糊过滤复制代码代码如下:filter:function(q,row){varopts=$(th...

修改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>

【jquery easyui combobox模糊过滤(示例代码)】相关文章:

一条一条新闻向上的滚动 不错

简介AngularJS中$http服务的用法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

Javascript特效:随机显示图片的源代码

Node.js中JavaScript操作MySQL的常用方法整理

状态栏(status)特效

javascript中innerText和innerHTML属性用法实例分析

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

JavaScript中的parse()方法使用简介

广告显示判断

精品推荐
分类导航