ASP.NET MVC - GridViewEditingMode.PopupEditForm不顯示

Question

我有Devexpress MVC擴展的一個奇怪的問題。我創建了一個網格並啓用了CommandColumns，以便能夠添加，編輯和刪除行。

@model IEnumerable 
    @{ 
     var grid = Html.DevExpress().GridView(settings => 
                { 
                 settings.Name = "dxGridView"; 
                 settings.Width = Unit.Pixel(678); 
                 settings.SettingsEditing.Mode = GridViewEditingMode.PopupEditForm; 
                 settings.SettingsEditing.PopupEditFormModal = true; 
                 settings.KeyFieldName = "ID"; 
                 settings.CallbackRouteValues = new {Controller = "Home", Action = "ContentPartial"}; 
                 settings.CommandColumn.Visible = true; 
                 settings.CommandColumn.EditButton.Visible = true; 
                 settings.CommandColumn.DeleteButton.Visible = true; 
                 settings.CommandColumn.DeleteButton.Text = "Delete"; 
                 settings.CommandColumn.NewButton.Visible = true; 
                 settings.CommandColumn.NewButton.Text = "New"; 
                 settings.SettingsEditing.AddNewRowRouteValues = new {Controller = "Home", Action = "AddPartial"}; 
                 settings.SettingsEditing.UpdateRowRouteValues = new {Controller = "Home", Action = "EditPartial"}; 
                 settings.SettingsEditing.DeleteRowRouteValues = new {Controller = "Home", Action = "DeletePartial"}; 

                 settings.SettingsBehavior.ConfirmDelete = true; 
                  settings.SetEditFormTemplateContent(x => 
               { 
                Html.DevExpress().Label(val => val.Text = "Afasdfsadfsadfsdafasfasdf").Render(); 
                Html.DevExpress().Button(
                 btnSettings => 
                 { 
                  btnSettings.Name = "btnUpdate"; 
                  btnSettings.ControlStyle.CssClass = "button"; 
                  btnSettings.Text = "Update"; 
                  btnSettings.ClientSideEvents.Click = "function(s, e){ dxGridView.UpdateEdit(); }"; 
                 } 
                 ) 
                 .Render(); 
                Html.DevExpress().Button(
                 btnSettings => 
                 { 
                  btnSettings.Name = "btnCancel"; 
                  btnSettings.ControlStyle.CssClass = "button"; 
                  btnSettings.Text = "Cancel"; 
                  btnSettings.ClientSideEvents.Click = "function(s, e){ javascript:pcModalMode.Show(); }"; 
                 } 
                 ) 
                 .Render(); 
               }); 
    } 

    @grid.Bind(Model).GetHtml(); 

正如你所看到的，我爲編輯表單設置了簡單的內容。問題是，我點擊按鈕「新建」或「編輯」彈出窗口後沒有顯示。 settings.SettingsEditing.Mode = GridViewEditingMode.PopupEditForm; 是唯一不起作用的設置。內聯模式和其他模式工作正常，但我需要打開一個彈出窗口。

Answer 1

這個問題看起來很奇怪。您的代碼與"Grid View - Inline Editing (Templates)"演示類似。

以防萬一，從下面的代碼段刪除「JavaScript的」子：

//btnSettings.ClientSideEvents.Click = "function(s, e){ javascript:pcModalMode.Show(); }"; 
btnSettings.ClientSideEvents.Click = "function(s, e){ pcModalMode.Show(); }"; 

這個前綴不再需要。