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

我试图在我的网页中实现一个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], 
});

来源

2011-11-11 Deepna

是否可以使用jqgrid执行删除操作？ – Bhushan

-1

获取的行的行ID被删除如下

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

使用Get行数据下面

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

rowdata将拥有您的数据，如rowdata.srNo，rowdata.Keyword等，

向您的servlet发出ajax调用以从数据库中删除。然后请拨打以下电话以重新加载您的电网

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

来源

2011-11-11 15:42:50 Muthu

感谢您的快速回复..我很新的JQGrid，你可以请站点我的示例代码或网页，他们已经使用JQGrid与JSP Servlet和基本功能 - 添加，删除和编辑..？ – Deepna

请理解，jqGrid在客户端运行，servlet是服务器技术。你可以做的就是做如下的ajax调用。 $阿贾克斯（{ 网址： '/ yoururl /添加'，类型： '得到'，异步：假，数据：{名称： '史蒂夫'}，成功：功能（数据）{ 警报（”添加成功“）; }， error：function（）{ alert（'Error'）; } ”/ yoururl/add“应该是您的servlet＆将执行db插入操作，您可以完成其余的操作。 – Muthu

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

回答

相关问题