问题描述:在easyUI框架中,给数据展示表格添加一个复选框,实现可以逐个勾选功能。
首先页面布置如下:
<table id="dg" toolbar="#toolbar"></table>
引用js对其进行内容填充:
$('#dg').datagrid({
nowrap : true,// 设置为true,当数据长度超出列宽时将会自动截取
striped : true,// 设置为true将交替显示行背景。
url:'evn_elmtsummaryController/getEvn_elmtsummaryByCondition.do',// url调用Action方法
loadMsg : '数据装载中......',
singleSelect:true,//为true时只能选择单行 为了实现批量删除必须隐去
fitColumns:true,// 允许表格自动缩放,以适应父容器
collapsible:false,
columns :[{
field:"isSelected",
title : '勾选',
checbox:true
},{
field : 'energySummaryCode',
title : '能源编码',
hidden : true
}]
}