天天看点

jquery-easyui datagrid 中每行增加删除按钮成功删除



<table id="transferredViewTable" class="easyui-datagrid">
	<thead>
	 <tr>
	  <th data-options="field:'traStaId',hidden:true">职员id</th>
	  <th data-options="field:'traStaName'">姓名</th>
	  <th data-options="field:'traOrgId',hidden:true">组织id</th>
	  <th data-options="field:'traOrgName',width:250">公司部门</th>
	  <th data-options="field:'operation',width:100">操作</th>
	 </tr>
	</thead>
</table>
           

这是jsp页面。

$("#transferredViewTable").datagrid({
	url:url,    //这里是通过url,后台传输数据
	collapsible: true,
	singleSelect: false,
	columns:[[{field:'traStaId',hidden:true},
		{field:'traStaName',title:'姓名'},
		{field:'traOrgId',hidden:true},
		{field:'traOrgName',title:'公司部门',width:250},
		{field:'operation',title:'操作',width:100,
		formatter:function(value,rec,index){
                              var del = '<a href="#" target="_blank" rel="external nofollow"  class="easyui-linkbutton" data-options="plain:true,iconCls:\'icon-remove\'" οnclick="delTransferredStaff('+value+')">删除</a>';
		              return del;  
			  }}
		]]
});
           
function delTransferredStaff(value){   //这里是删除的操作,其实我这个删除是不对后台删除的。用datagrid的reload没有效果
	var index = $("#transferredViewTable").datagrid("getRowIndex",value);  //开始的时候delTransferredStaff参数是index,但是如果
	$("#transferredViewTable").datagrid("deleteRow",index);                //被删除行下面有数据,就会出现行数的错误
}
           

如果有错误的地方可以提出来!谢谢!

继续阅读