EasyUI combogrid 实现分页和数据模糊搜索

来源:互联网 发布:mysql waittimeout 编辑:程序博客网 时间:2024/05/22 10:36
<input id="input" type="text"><script>$('#input').combogrid({                          panelWidth:500,                          idField:'id', //提交表单时提交的字段                          textField:'username', //显示的字段                          url:'提供数据的控制器地址',                          fitColumns: true,                          striped: true,                          editable:true,                          pagination : true,//是否分页                          rownumbers:true,//序号                          collapsible:false,//是否可折叠的                          fit: true,//自动大小                          pageSize: 10,//每页显示的记录条数,默认为10                          pageList: [10],//可以设置每页记录条数的列表                          method:'post',                          columns:[[                              {field:'username',title:'用户名',width:150,sortable:true}                        ]],                        keyHandler: {                            up: function() {},                            down: function() {},                            enter: function() {},                            query: function(q) {                                //动态搜索                                $('#input').combogrid("grid").datagrid("reload", { 'keyword': q });                                $('#input').combogrid("setValue", q);                            }                        }                    });</script>                    
0 0
原创粉丝点击