easyui正确删除行的操作

最新推荐文章于 2021-10-01 00:36:36 发布

原创最新推荐文章于 2021-10-01 00:36:36 发布 · 8.5k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一种在表格中实现操作列的方法，特别是如何在不刷新页面的情况下完成行的删除功能。通过JavaScript实现了根据ID查找并删除指定行的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
					title : '操作',
					field : 'caozuo',
					width : '9%',
					align : 'left',
					resizable : true,
					sortable : false,
					formatter: function(value, row, index) {
                        var delHtml = "<a title='删除' class='tx_red' onclick='javascript:deleteRightGridRow(\"" + row.id + "\",event);' href='javascript:void(0);'>删除</a>";
                        return delHtml;
                    }

function deleteRightGridRow(rowId){
    	var datas = $('#selectGridId').datagrid('getData');
    	for(var i=0;i<datas.rows.length;i++){
    	    if(datas.rows[i].id==rowId){//数据中的id和渲染时的id相等
    	    	//通过传入的id值查询到对应的记录，在获取实际的Index,这样去删除,（直接传入渲染好的索引值会出现错误）
		  		var rowIndex = $('#selectGridId').datagrid('getRowIndex',datas.rows[i]);
		  		 $('#selectGridId').datagrid('deleteRow', rowIndex);
		  		 return;
    		} 
  		 } 
    }