第一次用这玩意,真心没搞懂过,用了vue时间太长了,都忘了怎么写这玩意了。
<div id="dataGrid" class="mini-listbox" style="height: 65%;"
allowCellSelect="true" field="id" allowResizeColumn="true" showLoading="true"
allowAlternating="true" showPager="false" showCheckBox="true" multiSelect="true" onvaluechanged="onListBoxValueChanged">
<div property="columns">
<div field="id" headerAlign="center" align="center">id</div>
<div field="loginName" headerAlign="center" align="center">登录名</div>
<div field="nickName" headerAlign="center" align="center">用户名</div>
</div>
</div>
<div id="pager" class="mini-pager" style="width:600px;float: right"
onpagechanged="onPageChanged" sizeList="[5,10,20,100]" showTotalCount="true"
</div>
上面第一个大的div是表格,下面id=“pager”的是分页标签
先看看效果图
然后js里面设置
$(function () {
mini.parse();
dataGrid = mini.get("dataGrid");//获取表格
counts = mini.get("pager");//获取分页标签
loadData();
});
//获取后台数据,页面一开始加载的数据
function loadData() {
var datas = {}
datas.pageIndex = 0;//默认的
datas.pageSize = 10;
var data = binfo.net.ajaxData("post", "路径", datas);
dataGrid.setData(data.data.list);
counts.setTotalCount(data.data.count);
}
//这是选中的数据用来保存的
var dataList = []
function onListBoxValueChanged() {
dataList = dataGrid.getSelecteds();
console.log(dataList)
}
//这个方法是绑定分页标签的方法,获得页数和分页数
function onPageChanged(e) {
var datas = {}
datas.pageIndex = e.pageIndex;
datas.pageSize = e.pageSize;
var data = binfo.net.ajaxData("post", "路径", datas);
dataGrid.setData(data.data.list);//将数据放入表格中
counts.setTotalCount = data.data.count;//这个重点是总数量,没有这个参数就不行,我也是卡在这个地方的
}
还有后台代码我就不放了,一看就明白了。