easyui---可编辑的同时,实现多行删除

##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);
				}
			}
	    }
	}],
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值