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="#" 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);                //被刪除行下面有數據,就會出現行數的錯誤
}


如果有錯誤的地方可以提出來!謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章