1.EasyUI datagrid
$("#waitorder")
.datagrid(
{
url : "${ctx}/waitOrder/findWaitOrder",
nowrap : false,
striped : true,
remoteSort : false,
pageSize : 20,
fit : true,
queryParams : {},
singleSelect : true,//是否单选
pagination : true,//分页控件
rownumbers : true,//行号
fitColumns : true,//列宽自动填充满表格
checkOnSelect : false,
selectOnCheck : false,
toolbar : "#hkDgTb",//工具栏
loadFilter : function(data) {
if (data.content) {
return {
total : data.totalElements,
rows : data.content
};
} else {
if (typeof data.length == "number"
&& typeof data.splice == "function") {
return {
total : data.length,
rows : data
};
} else {
return data;
}
}
},
columns : [ [
{
field : 'ck',
checkbox : true
},
{
field : 'mobile',
title : '手机号',
width : 150,
align : "center"
}
] ],
});
var checkedItems = $('#waitorder').datagrid(
'getChecked');
var ids = [];
$.each(checkedItems, function(index, item) {
ids.push(item.id);
});
2.Bootstrap
$("#table")
.bootstrapTable(
{
method : 'get',
contentType : "application/x-www-form-urlencoded",
dataType : "json",
url : "${path}/Commodity/queryPaginate",
pageList : [],
striped : false,
pagination : true,
sidePagination : 'server',//设置为服务器端分页
showColumns : true, // 开启自定义列显示功能
showRefresh : true, // 开启刷新功能
smartDisplay : true, // 智能显示 pagination 和 cardview 等
clickToSelect : true, // 单击行即可以选中
queryParams : oTableInit.queryParams,
//showExport: true,
//exportTypes: ['csv','txt','xml'],
clickToSelect : true,
columns : [
{
title : '选择',
checkbox : true
},
{
title : '产品名称',
field : 'COMMODITYNAME'
},
} ]
});
var checkedItems = $("#table").bootstrapTable('getAllSelections');
var ids = [];
$.each(checkedItems, function(index, item) {
ids.push(item.ID);
});