如何在jqgrid上編輯/添加/刪除選項打開局部視圖彈出

當我點擊添加/編輯按鈕時，它應該顯示部分視圖窗體爲模態彈出。如何在jqgrid上編輯/添加/刪除選項打開局部視圖彈出

$('#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});

我該如何做到這一點......任何幫助真的很感謝！

來源

2016-11-30 Jays

jqGrid作爲JavaScript庫工作，它不能使用任何部分視圖。如果你想顯示編輯/添加/刪除按鈕，那麼你應該更換線

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

到

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

，並要在其中允許用戶的colModel列，加editable: true財產編輯。你也必須在jqGrid中使用pager: '#pager'選項。您必須另外在頁面的HTML標記中包含空的div <div id="pager"></div>。要正確地回答你的問題取決於你使用的jqGrid的版本和jqGrid的分支。我開發的Free jqGrid fork允許使用jqGrid的pager: true選項並跳過'#pager'參數navGrid方法。有關更多信息，請參閱the wiki article。

此外，您可以刪除不需要的index屬性並刪除width: 150屬性，因爲150是默認值width屬性。爲了能夠編輯數據，您必須將editurl參數添加到MVC操作的URL中，該操作應在編輯時調用。

來源

2016-11-30 06:30:04 Oleg

如何在jqgrid上編輯/添加/刪除選項打開局部視圖彈出

回答

相關問題