0

我正在尝试使用 dev express 网格进行内联编辑。我已按照 http://mvc.devexpress.com/GridView/InlineEditingWithTemplate中所述的示例进行操作， 并通过查看http://www.youtube.com/watch?v=dKCFLyvf32Y此链接进行了确认。我的控制器的代码如下：

[ValidateInput(false)]
        public ActionResult InlineEditingWithTemplatePartial()
        {
            int siteID = (int)Session["siteID"];
            return PartialView("InlineEditingWithTemplatePartial", employeeRepo.GetAllEmployeesForSite(siteID));
        }

        [HttpPost, ValidateInput(false)]
        public ActionResult InlineEditingWithTemplateAddNewPartial([ModelBinder(typeof(DevExpressEditorsBinder))] Employee employee)
        {
            int siteID = 0;
            if (ModelState.IsValid)
            {
                try
                {
                    siteID = (int)Session["siteID"];
                    //employee.InsertProduct(employee);
                }
                catch (Exception e)
                {
                    ViewData["EditError"] = e.Message;
                }
            }
            else
            {
                ViewData["EditError"] = "Please, correct all errors.";
                ViewData["EmployeeDetail"] = employee;
            }
            return PartialView("InlineEditingWithTemplatePartial", employeeRepo.GetAllEmployeesForSite(siteID));
        }

        [HttpPost, ValidateInput(false)]
        public ActionResult InlineEditingWithTemplateUpdatePartial([ModelBinder(typeof(DevExpressEditorsBinder))] Employee employee)
        {
            int siteID = 0;
            if (ModelState.IsValid)
            {
                try
                {
                    siteID = (int)Session["siteID"];
                    employeeRepo.SaveEmployee(employee);
                }
                catch (Exception e)
                {
                    ViewData["EditError"] = e.Message;
                }
            }
            else
            {
                ViewData["EditError"] = "Please, correct all errors.";
                ViewData["EnployeeDetail"] = employee;
            }

            return PartialView("InlineEditingWithTemplatePartial", employeeRepo.GetAllEmployeesForSite(siteID));
        }

        [HttpPost, ValidateInput(false)]
        public ActionResult InlineEditingWithTemplateDeletePartial(Employee employee)
        {
            int siteID = 0;
            if (employee!=null)
            {
                try
                {
                    siteID = (int)Session["siteID"];
                    employeeRepo.DeleteEmployee(employee);
                }
                catch (Exception e)
                {
                    ViewData["EditError"] = e.Message;
                }
            }
            return PartialView("InlineEditingWithTemplatePartial", employeeRepo.GetAllEmployeesForSite(siteID));
        }

视图的代码是：

@using MyProject6.Data.Models;
@using System.Web.UI.WebControls;
@using DevExpress.Web.Mvc.UI;
@using DevExpress.Web.ASPxEditors;
@using DevExpress.Web.Mvc;
@using DevExpress.Web.ASPxGridView;

@{
    var grid = Html.DevExpress().GridView(
        settings =>
        {
            settings.Name = "gvEmployeeEditing"; 
            settings.KeyFieldName = "EmployeeID";

            settings.CallbackRouteValues = new { Controller = "Home", Action = "InlineEditingWithTemplatePartial" };
            settings.ClientSideEvents.BeginCallback = "function(s,e){e.customArgs['id'] = '" + ViewContext.RouteData.Values["EmployeeID"] + "'}";

            settings.SettingsEditing.AddNewRowRouteValues = new { Controller = "Home", Action = "" };    //InlineEditingUpdatePartial
            settings.SettingsEditing.UpdateRowRouteValues = new { Controller = "Home", Action = "InlineEditingWithTemplateUpdatePartial"};
            settings.SettingsEditing.DeleteRowRouteValues = new { Controller = "Home", Action = "" };    //InlineEditingUpdatePartial

            settings.SettingsEditing.Mode = GridViewEditingMode.EditFormAndDisplayRow;
            settings.SettingsBehavior.ConfirmDelete = true;

            settings.CommandColumn.Visible = true;
            settings.CommandColumn.NewButton.Visible = true;
            settings.CommandColumn.DeleteButton.Visible = true;
            settings.CommandColumn.EditButton.Visible = true;

            settings.Columns.Add("EmployeeID");
            settings.Columns.Add("EmployeeCode");
            settings.Columns.Add("FirstName");
            settings.Columns.Add("LastName").PropertiesEdit.DisplayFormatString = "c";
            settings.Columns.Add("DefaultRoleTitle");

            settings.SetEditFormTemplateContent(c => {
                var employee = ViewData["EditableEmployeeDetail"] != null ? ViewData["EditableEmployeeDetail"] : c.DataItem;
                ViewContext.Writer.Write(
                    "<div class=\"edit_form\">" +
                    "<div class=\"line\">"
                );
                    Html.DevExpress().Label(
                        edtSettings => {
                            edtSettings.ControlStyle.CssClass = "label";
                            edtSettings.Text = "Employee Code";
                            edtSettings.AssociatedControlName = "EmployeeCode";
                        }
                    )
                    .Render();
                    Html.DevExpress().TextBox(
                        edtSettings => {
                            edtSettings.Name = "EmployeeCode";
                            edtSettings.ControlStyle.CssClass = "editor";
                            edtSettings.ShowModelErrors = true;
                        }
                    )
                    .Bind(DataBinder.Eval(employee, "EmployeeCode"))
                    .Render();

                ViewContext.Writer.Write(
                    "</div>" +
                    "<div class=\"line\">"
                );
                    Html.DevExpress().Label(
                        edtSettings => {
                            edtSettings.ControlStyle.CssClass = "label";
                            edtSettings.Text = "First Name:";
                            edtSettings.AssociatedControlName = "FirstName";
                        }
                    )
                    .Render();

                    Html.DevExpress().TextBox(
                    edtSettings =>
                    {
                        edtSettings.Name = "FirstName";
                        edtSettings.ControlStyle.CssClass = "editor";
                        edtSettings.Text = "First Name";
                        edtSettings.ShowModelErrors = true;
                    }
                    ).Bind(DataBinder.Eval(employee, "FirstName"))
                    .Render();

                ViewContext.Writer.Write(
                    "</div>" +
                    "<div class=\"line\">"
                );
                    Html.DevExpress().Label(
                        edtSettings => {
                            edtSettings.ControlStyle.CssClass = "label";
                            edtSettings.Text = "Last Name:";
                            edtSettings.AssociatedControlName = "LastName";
                        }
                    )
                    .Render();
                    Html.DevExpress().TextBox(
                        edtSettings => {
                            edtSettings.Name = "LastName";
                            edtSettings.ControlStyle.CssClass = "editor";
                            edtSettings.ShowModelErrors = true;
                        }
                    )
                    .Bind(DataBinder.Eval(employee, "LastName"))
                    .Render();
                ViewContext.Writer.Write(
                    "</div>" +
                    "<div class=\"line\">"
                );
                Html.DevExpress().Label(
                    edtSettings =>
                    {
                        edtSettings.ControlStyle.CssClass = "label";
                    }
                )
                .Render();
                Html.DevExpress().Button(
                    btnSettings =>
                    {
                        btnSettings.Name = "btnUpdate";
                        btnSettings.ControlStyle.CssClass = "button";
                        btnSettings.Text = "Update";
                        btnSettings.ClientSideEvents.Click = "function(s, e){ gvEmployeeEditing.UpdateEdit(); }";
                    }
                )
                .Render();
                Html.DevExpress().Button(
                    btnSettings =>
                    {
                        btnSettings.Name = "btnCancel";
                        btnSettings.ControlStyle.CssClass = "button";
                        btnSettings.Text = "Cancel";
                        btnSettings.ClientSideEvents.Click = "function(s, e){ gvEmployeeEditing.CancelEdit(); }";
                    }
                )
                .Render();
                ViewContext.Writer.Write(
                    "</div></div>"
                );
            });

            settings.PreRender = (sender, e) =>
            {
                MVCxGridView gridView = (MVCxGridView)sender;
            };


        });

    if(ViewData["EditError"] != null){
        grid.SetEditErrorText((string)ViewData["EditError"]);
    }
}

@grid.Bind(Model).GetHtml()

这个视图是我从 Home Controller 的索引视图中调用的部分视图。我试图调试它，只是没有输入内联编辑的代码。看起来它没有回调任何东西。我不确定我在这里缺少什么，我在过去两天一直在寻找解决方案。

4

1 回答 1

0

我相信您可以使用E3998示例中的解决方案。

如果您在执行过程中遇到任何问题，可以直接联系 DX 人员。

于 2012-12-27T06:11:44.230 回答