如何使用lib.web.mvc配置beforeShowForm以添加表單顯示不可編輯的列

Question

我的一些列不可編輯，但我希望所有列都顯示在添加表單中。

我在想，我可以使用「beforeShowForm」事件並調用一個javascript函數，它將動態地將列屬性更改回可編輯狀態，以便它們將顯示在添加表單中。

Answer 1

這樣做的典型方法是使字段通常可編輯並將其隱藏在編輯對話框中。

您可以隱藏/顯示領域通過尋找哪個ID正在建設這樣的錶行：

tr_ColumnName 

所以，如果你有用戶名欄中的ID會是這樣：

tr_UserName 

假設你正在使用jQuery，你就可以將機給你的Lib.Web.Mvc配置是這樣的：

.Navigator(new Lib.Web.Mvc.JQuery.JqGrid.JqGridNavigatorOptions() { ... }, 
    editActionOptions: new Lib.Web.Mvc.JQuery.JqGrid.JqGridNavigatorEditActionOptions() 
    { 
     ... 
     BeforeShowForm : "function(form) { $('#tr_UserName', form).hide(); }" 
    }, 
    addActionOptions: new Lib.Web.Mvc.JQuery.JqGrid.JqGridNavigatorEditActionOptions() 
    { 
     ... 
     BeforeShowForm : "function(form) { $('#tr_UserName', form).show(); }" 
    } 
); 

Answer 2

我想如何使用beforeShowForm事件。

注：我有一個using語句在視圖的頂部，所以不需要使用完整的命名空間

@using Lib.Web.Mvc.JQuery.JqGrid 

這裏是導航表格中的例子：

.Navigator(new JqGrid.JqGridNavigatorOptions() 
{ Add = true, Edit = false, Delete = false, Search = false }, 
null, 
addActionOptions: new JqGridNavigatorEditActionOptions() 
    { 
     Url = Url.Action("Add"), 
     BeforeShowForm = "function() {$('#bob').jqGrid('setColProp', 
     'Place', {editable:true}) 
    })