##html
<div title="表">
<table class="easyui-datagrid" id="biao">
<thead>
<tr>
<th data-options="field:'sort',width:50,align:'center',editor:{type:'text'}">序号</th>
<th data-options="field:'qipingbianhao',width:80,align:'center',editor:{type:'text'}">气瓶编号</th>
<th data-options="field:'qipingshiyongdengjidaima',width:110,align:'center',editor:{type:'text'}">气瓶使用登记代码</th>
</tr>
</thead>
</table>
</div>
##js
$('#biao').datagrid({
url: '',
nowrap:false,
singleSelect:false,
selectOnCheck: true,
checkOnSelect: true,
pagination:false,
fitColumns:true,
rownumbers:true,
striped:true,
//点击取消编辑状态
onClickRow:function(rowIndex, rowData){
$('#biao').datagrid('endEdit',rowIndex);//控制是否可编辑
//双击开始编辑
},onDblClickRow:function(rowIndex, rowData){
$('#biao').datagrid('beginEdit',rowIndex);//控制是否可编辑
},toolbar:[{
text : "添加",
iconCls : "icon-add",
handler : function() {
$('#biao').datagrid('appendRow',{});
}
},{
text : "删除",
iconCls : "icon-cancel",
handler : function() {
//获取选中的
var row = $('#biao').datagrid('getChecked');
//是否存在
if(row){
//遍历
for(var i=0;i<row.length;i++){
//获取index
var len = $('#biao').datagrid('getRowIndex',row[i]);
//根据index删除数据
$('#biao').datagrid('deleteRow',len);
}
}
}
}],
});