Bootstrap复选框、EasyUI datagrid复选框

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/CSDNones/article/details/76611274

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);
				});