jQuery easyUI 的combogrid进行模糊匹配

$(function(){
    $(‘#search_hospitalName‘).combogrid({
        mode : ‘remote‘,//远程连接方式  
        //fitColumns:true,//自动大小    
        striped: true,
        method:‘post‘,//请求方式  
        dataType:‘json‘,
        panelWidth: 300,
        url: ‘<%=basePath%>HospitalInfoAction/simpleQuery‘,
        idField: ‘hospitalName‘,
        textField: ‘hospitalName‘,
        editable: true,
        pagination: true,

//是否分页
        columns: [[
            {field: ‘id‘,title: ‘id‘,hidden: ‘true‘,align: ‘center‘},
            {field: ‘hospitalName‘,title: ‘医院名称‘,width: 150,align: ‘center‘},
            {field: ‘areaCode‘,title: ‘医院地区‘,width: 149,align: ‘center‘}
        ]],
        keyHandler:{
            up: function() {},
            down: function() {},
            enter: function() {},
            query: function(q) {
                //动态搜索
               $(‘#search_hospitalName‘).combogrid("grid").datagrid("reload", {‘hospitalName‘: q});
               $(‘#search_hospitalName‘).combogrid("setValue", q);
            }
        }
    });
});

<td>就诊医院:</td>
<td>

  <input id="search_hospitalName" name="hospitalName"class="easyui-combogrid"
         onkeydown="if(event.keyCode==13)query()" style="width: 180px">

</td>

时间: 2024-08-07 08:35:02

jQuery easyUI 的combogrid进行模糊匹配的相关文章

第二百二十四节,jQuery EasyUI,ComboGrid(数据表格下拉框)组件

jQuery EasyUI,ComboGrid(数据表格下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 ComboGrid(数据表格下拉框)组件的使用方法,这个组件 依赖于 Combo(自定义下拉框)和 DataGrid(数据表格)组件. 一.加载方式 class 加载方式 <select id="box" class="easyui-combogrid" name="dept" sty

jquery easyui combobox 从指定位置开始模糊查询

$("#bzr").combobox({ url: "ClassSave.aspx?opt=bzr&bzr=<%=arrbj[2]%>", valueField: "value", textField: "text", mode: "local", filter: function (q, row) { var opts = $(this).combobox('options'); va

jquery 模糊匹配ID

[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3]... 匹配多个属性条件中的一个 ===========================================下面举例================================ <UL id=compa

jQuery模糊匹配checkbox全选 value实现checkbox部分或全部全选

本文章总结jQuery实现checkbox三种情况的全选功能 第一种:等值全选,也称name的等值全选,通过checkbox的名称name实现. 第二种:模糊全选,也称id模糊全选,通过checkbox的id或value值实现. 第三种:值范围全选,也称value值范围全选,通过checkbox的value值实现,或者截取id数字后缀范围判断实现. 等值全选 在工作中经常会用到checkbox的全选功能,平时大家用得最多的全选和反选是第一种,一般都是基于全部名称相同的checkbox进行实现,这

Jquery模糊匹配

[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3]... 匹配多个属性条件中的一个 Jquery模糊匹配

jquery选择器之模糊匹配

模糊匹配主要分为前导模糊匹配,后导模糊匹配和全文模糊匹配. 前导模糊匹配[^=] 例子:选择name前缀为aa的所有div的jQuery对象. $("div[name^='aa']") 后导模糊匹配[$=] 例子:选择name后缀为aa的所有div的jQuery对象. $("div[name$='aa']") 全文模糊匹配[*=] 例子:选择name中包含aa的所有div的jQuery对象. $("div[id*='aa']") 全词匹配[=]

easyui datagrid combobox 模糊匹配的问题

最近遇到的问题,datagrid中有动态添加的combobox,combobox已经修改为模糊匹配,而不是原来的从左到右匹配,但是在我的combobox里面有许多类似项,没办法,只能让valueFiled 为唯一值,但是保存后本来该单元格要显示valuefiled,而valuefiel必须是中文,如图,纠结了很久,突然想到在下拉框隐藏的时候,就把combobox('setText',mc);combobox('setValue',mc) 这样子,在下拉框隐藏的时候,显示的是中文,改行提交后,单元

jquery 模糊匹配问题记录

[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3]... 匹配多个属性条件中的一个

EasyUI combobox下拉列表实现搜索过滤(模糊匹配)

项目中的某个下拉列表长达200多个项,这么巨大的数量一个一个找眼镜都得看花,于是就得整了个搜索功能.看网上别人帖子有只能前缀匹配的方案,但只能前缀匹配的话用起来也不是很方便.于是就记录一下模糊匹配的方案. 实现效果: 这里使用的是combobox组合框,对于combobox的创建可以使用<input>输入框,也可以使用<select>下拉选.我使用的是<select>: HTML代码 <label>关联课程</label> <select