2011-11-11 4 views
0

私のWebページにjqgridを実装しようとしていますが、削除を処理できません。ユーザーが複数の値を選択してdeleteをクリックした場合、削除を処理してページに戻るサーブレットを呼び出す必要があります。サーバーから選択した行を削除してグリッドを再ロードする方法は?

コードスニペットは以下の通りである:

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

は、以下の使用して行のデータを取得し、次のように

<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

行の行番号を削除する取得

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

rowdataには、rowdata.srNo、rowdata.Keywordなどのデータがあります。

データベースからの削除については、サーブレットへのajax呼び出しを発行してください。次に、以下を呼び出してグリッドをリロードします

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

すばやい返信ありがとう..私は非常にJQGridに新しい、私はJSPのサーブレットと基本的な機能とJQGridを使用しているサンプルコードやWebページを私にサイトをしてください - 追加、削除、編集..できますか? – Deepna

+0

jqGridはクライアント側で動作し、サーブレットはサーバー技術です。あなたができることは、次のようなajax呼び出しを行うことです。 $アヤックス({ URL: '/ yoururl追加/'、 タイプ 'get' が、 非同期:偽、 データ:{名: 'スティーブ'}、 成功:機能(データ){ 警告(」 } error:function(){ alert( 'Error'); } "/ yoururl/add"はサーブレットでなければならず、残りの作業はDBの挿入を行います。 – Muthu

関連する問題