码迷,mamicode.com
首页 > Web开发 > 详细

jQuery easyUI 的combogrid进行模糊匹配

时间:2016-12-18 15:17:57      阅读:1280      评论:0      收藏:0      [点我收藏+]

标签:panel   and   idt   mod   on()   ogr   eth   大小   方式   

$(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>

jQuery easyUI 的combogrid进行模糊匹配

标签:panel   and   idt   mod   on()   ogr   eth   大小   方式   

原文地址:http://www.cnblogs.com/gx-java/p/6194330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!