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

  • Post author:
  • Post category:其他



<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="#" 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);                //被删除行下面有数据,就会出现行数的错误
}


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



版权声明:本文为dzq584462393原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。