<!-- 通过输入关键字查询并选择发布者 -->
$('#zpeople').combogrid({
panelWidth: 400,
idField: 'id', //ID字段
textField:'name',//显示的字段
url: "/console/zpeople/zpeoplecombox.do",
fitColumns: true,
striped: true,
editable: true,
pagination: true, //是否分页
rownumbers: true, //序号
collapsible: false, //是否可折叠的
fit: true, //自动大小
pageSize: 10,//每页显示的记录条数,默认为10
pageList: [10, 20, 30, 40, 50], //可以设置每页记录条数的列表
method: 'post',
delay:1000,
columns: [[
{ field: 'name', title: '名称', width: 80 },
{ field: 'id', title: 'id', width: 80, hidden: true },
]],
keyHandler: {
up: function() {},
down: function() {},
enter: function() {},
query: function (keyword) { //【动态搜索】处理
var comgrid = $('#zpeople').combogrid("grid");
var queryParams = comgrid.datagrid('options').queryParams; //设置查询参数
queryParams.keyword = keyword;
comgrid.datagrid('options').queryParams = queryParams;
comgrid.datagrid("reload"); //重新加载
$('#zpeople').combogrid("setValue", keyword);
//将查询条件存入隐藏域
$('#keyword').val(keyword);
}
},
onSelect: function () { //选中处理
var seldata = $('#zpeople').combogrid('grid').datagrid('getSelected');
//alert(seldata.id+"--"+seldata.name);
}
});
//取得分页组件对象
var pager = $('#zpeople').combogrid('grid').datagrid('getPager');
if (pager) {
$(pager).pagination({
pageSize: 10, //每页显示的记录条数,默认为10
pageList: [10, 20, 30, 40, 50], //可以设置每页记录条数的列表
beforePageText: '第', //页数文本框前显示的汉字
afterPageText: '页 共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
//选择页的处理
onSelectPage: function (pageNumber, pageSize) { //按分页的设置取数据
getData(pageNumber, pageSize);
//设置表格的pageSize属性,表格变化时按分页组件设置的pageSize显示数据
$('#zpeople').combogrid("grid").datagrid('options').pageSize = pageSize;
//将隐藏域中存放的查询条件显示在combogrid的文本框中
$('#zpeople').combogrid("setValue", $('#keyword').val());
//$('#showname').val('');
},
onChangePageSize: function () {}, //改变页显示条数的处理 (处理后还是走onSelectPage事件,所以设置也写到onSelectPage事件中了)
onRefresh: function (pageNumber, pageSize) { //点击刷新的处理
getData(pageNumber, pageSize); //按分页的设置取数据
$('#zpeople').combogrid("setValue", $('#keyword').val());//将隐藏域中存放的查询条件显示在combogrid的文本框中
//$('#showname').val('');
}
});
};
var getData = function (page, pagesize) {
$.ajax({
type: "POST",
url: "/console/zpeople/zpeoplecombox.do",
type : "POST",
data: {
"page" : page,
"rows" : pagesize,
"keyword" : $('#keyword').val()
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$.messager.progress('close');
},
success: function (data) {
$('#zpeople').combogrid("grid").datagrid("loadData", data);
}
});
};
easyui 可搜索关键字的comboxgrid
最新推荐文章于 2018-11-13 18:30:43 发布