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(); }"; 

这个前缀不再需要。