jqgridの編集/追加/削除オプションでポップアップとして部分ビューを開く方法

Question

追加/編集ボタンをクリックすると、部分表示フォームがモーダルポップアップとして表示されます。

$('#list').jqGrid({ 
     caption: "Employee Details", 
     url: '/Employee/GetEmployee/', 
     datatype: "json", 
     contentType: "application/json; charset-utf-8", 
     mtype: 'GET', 
     colNames: ['Address', 'City', 'Id', 'Name'], 
     colModel: [ 
      { name: 'Address', index: 'Address', width: 150 }, 
      { name: 'City', index: 'City', width: 150 }, 
      { name: 'Id', index: 'Id', width: 150 }, 
      { name: 'Name', index: 'Name', width: 150 } 
     ], 
     rowNum: 10, 
     loadonce: true 

    }); 

    jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

どのように私はこれを達成することができますか。何か本当に感謝！

Answer 1

jqGridはJavaScriptライブラリとして動作し、部分ビューは使用できません。あなたが編集/追加/削除ボタンを表示したいなら、あなたはラインに

jQuery("#list").jqGrid('navGrid', '#pager'); 

へ

jQuery("#list").jqGrid('#pager', { edit: false, add: false, del: false}); 

を交換する必要がありますし、あなたがユーザーを許可したい、colModelの列にeditable: trueプロパティを追加します編集。 jqGridでもpager: '#pager'オプションを使用する必要があります。空のdiv <div id="pager"></div>をページのHTMLマークアップに追加する必要があります。あなたの質問に対する答えは、使用するjqGridのバージョンとjqGridのforkに依存します。私が開発したFree jqGridフォークは、pager: trueのjqGridのオプションを使用し、'#pager'のパラメータをnavGridの方法でスキップすることができます。詳細については、the wiki articleを参照してください。

さらに、不要なindexプロパティを削除し、widthプロパティのデフォルト値が150であるため、width: 150プロパティも削除できます。データを編集するには、editurlパラメータにMVCアクションのURLを追加する必要があります。このURLは編集時に呼び出される必要があります。