如何从服务器删除选定的行并重新加载网格？

Question

我试图在我的网页中实现 jqgrid 但无法处理删除；如果用户选择多个值并单击删除，我想调用一个 servlet 来处理删除并返回页面。

代码片段如下：

<script type="text/javascript">
function fillGridOnEvent(){
    $("#jQGrid").html("<table id=\"list\"></table><div id=\"page\"></div>");
    jQuery("#list").jqGrid({
        url:'<%=request.getContextPath()%>/MyServletGrid?q=1&action=fetchData',
        datatype: "xml",
        mtype: 'POST',
        height: 423,
        colNames:['##','Keyword','Category','ViewType',"Action"],
        colModel:[
            {name:'srNo',index:'srNo', width:30,sortable:true,align:'center'},
            {name:'Keyword',index:'Keyword', width:200,sortable:true},
            {name:'Category',index:'Category', width:100,sortable:true,align:'center'},
            {name:'ViewType',index:'ViewType', width:100,sortable:true,align:'center'},
            {name:'view',index:'view', width:113,sortable:false,align:'center'}
        ],
        multiselect: true,
        paging: true,
        rowNum:18,
        pager: $("#page"),
        loadonce:true,
        caption: "Test JQGrid"
    }).navGrid('#page',{edit:false,add:false,del:true});
}
jQuery().ready(function (){
    //fillGrid();                    rowList:[10,20,30],
});

Answer 1

获取要删除的行的行 ID，如下所示

var rowid = jQuery("#tableid").jqGrid('getGridParam', 'selrow');

使用以下

var rowdata = jQuery("#tableid").jqGrid('getRowData', rowid);

rowdata 获取行数据将包含 rowdata.srNo、rowdata.Keyword 等数据，

向您的 servlet 发出 ajax 调用以从数据库中删除。然后调用以下命令重新加载网格

jQuery("#tableid").trigger('reloadGrid');