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);
            }
        }
    });
});

 

頁面:json

 

<td>名稱:</td>
<td>

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

</td>
相關文章
相關標籤/搜索