2011-11-11 37 views
0

我試圖在我的網頁中實現一個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], 
}); 
+0

是否可以使用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'); 
+0

感謝您的快速回復..我很新的JQGrid,你可以請站點我的示例代碼或網頁,他們已經使用JQGrid與JSP Servlet和基本功能 - 添加,刪除和編輯..? – Deepna

+0

請理解,jqGrid在客戶端運行,servlet是服務器技術。你可以做的就是做如下的ajax調用。 $阿賈克斯({ 網址: '/ yoururl /添加', 類型: '得到', 異步:假, 數據:{名稱: '史蒂夫'}, 成功:功能(數據){ 警報(」添加成功「); }, error:function(){ alert('Error'); } 」/ yoururl/add「應該是您的servlet&將執行db插入操作,您可以完成其餘的操作。 – Muthu

相關問題