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

 更新时间:2013年11月30日 13:43:51   作者:  
这篇文章主要介绍了jquery easyui combobox模糊过滤(示例代码)。需要的朋友可以过来参考下,希望对大家有所帮助

修改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如何解决IE输入框不能输入的问题

    jQuery如何解决IE输入框不能输入的问题

    在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入,怎么解决呢,下面小编给大家解答下
    2016-10-10
  • jQuery侧边栏实现代码

    jQuery侧边栏实现代码

    本文给大家介绍jquery侧边栏实现代码,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,可以参考下本文实现代码
    2016-05-05
  • jquery获取input的value问题说明

    jquery获取input的value问题说明

    刚开始接触jquery,很多东西不熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值
    2010-08-08
  • jquery遍历json对象集合详解

    jquery遍历json对象集合详解

    这篇文章主要为大家详细介绍了jquery遍历json对象集合、jQuery 遍历JSON对象、jquery中遍历读取json串中的对象三种情况,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • jquery轮播图插件使用方法详解

    jquery轮播图插件使用方法详解

    这篇文章主要为大家详细介绍了jquery轮播图插件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • jquery插件之easing使用

    jquery插件之easing使用

    很简单的一个效果插件,但不是经常用,怕忘了,以后在用又要去看文档,所以现在把笔记写下来,方便以后
    2010-08-08
  • jQuery中checkbox反复调用attr(''checked'', true/false)只有第一次生效的解决方法

    jQuery中checkbox反复调用attr(''checked'', true/false)只有第一次生效的解决方法

    这篇文章主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下
    2016-11-11
  • IE8下Jquery获取select选中的值post到后台报错问题

    IE8下Jquery获取select选中的值post到后台报错问题

    IE8下出现的问题是直接将selectedValue post发送到后台,后台接收时会报错,这是因为IE8下selectedValue当成了数组,后台无法识别
    2014-07-07
  • jQuery插件实现弹性运动完整示例

    jQuery插件实现弹性运动完整示例

    这篇文章主要介绍了jQuery插件实现弹性运动,结合完整实例形式分析了jQuery插件扩展结合定时器实现页面元素抖动的相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • 使用jQuery获取radio/checkbox组的值的代码收集

    使用jQuery获取radio/checkbox组的值的代码收集

    很久没有写JQuery的文章了。今天来看下JQ对天Checkbox复选框的操作。看下面的一个小例子。在这个例子中包括了以下几个功能
    2009-12-12

最新评论