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>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM