Question

使用下拉列表客户端编辑模板时，我的控制器中传递给我的ajax .Update（“_ SaveAjaxEditing”，“AptProfile”）的空值。

我的网格绑定到的FormViewModel中的

属性：

  [UIHint("BuildingsGrid"), Required]
                [DisplayName("Building ID")]
                 public int BuildingID
                {
                    get;
                    set;
                }).

以下是我的观点：

 <%= Html.Telerik().Grid<PayRent.Models.AptProfileFormViewModel1>()
                    .Name("Profiles")
                    .DataKeys(dataKeys => dataKeys.Add(c => c.AptProfileID))
                                    .ToolBar(commands => commands.Insert())
                    .DataBinding(binding => 
                        {
                            binding.Ajax()
                            .Select("GetProfiles", "AptProfile")
                            .Insert("_InsertAjaxEditing", "AptProfile")
                            .Update("_SaveAjaxEditing", "AptProfile")
                            .Delete("_DeleteAjaxEditing", "AptProfile");

                        })

                    .Columns(columns => 
                    {
                        columns.Bound(o => o.AptProfileID);
                        columns.Bound(o => o.BuildingID);
                        columns.Bound(o => o.AptID);
                        columns.Bound(o => o.AptRate);
                        columns.Bound(o => o.AptSize);
                        columns.Bound(o => o.MoveInDate);
                        columns.Command(s =>
                        {
                            s.Edit();
                            s.Delete();


                        });


                    })
                                    .Editable(editing => editing.Mode(GridEditMode.InLine))
                                    .ClientEvents(events => events.OnEdit("onEdit"))
                    .Pageable()
            %>
    </p>

 <script type="text/javascript">

function onEdit(e) {
//            $(e.form).find('#BuildingsGrid').data('tDropDownList').select(function (dataItem) {
//                return dataItem.Text == e.dataItem['BuildingGrid'];
//            });
        }


    </script>



My EditTemplate:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%= Html.Telerik().DropDownList()
        .Name("BuildingsGrid")
            .BindTo(new SelectList((IEnumerable)ViewData["Buildings"], "BuildingID", "Name"))
%>)

这是我的控制器：

 [AcceptVerbs(HttpVerbs.Post)]
    //[CultureAwareAction]
    [GridAction]
    public ActionResult _SaveAjaxEditing(int id, int? BuildingGrid)
    {
        ApartmentProfileRepository repo = new ApartmentProfileRepository();
        AptProfile profile = repo.Get(id);

        TryUpdateModel(profile);
        repo.Save();
        return View(new GridModel(GetAllProfiles()));
    }

Answer 1

如果你想保留所有Ajax-ified，你就可以不使用viewbag。我的组合框在一个单独的编辑器模板中。您所要做的就是将SelectList作为JsonResult返回。也就是说，如果您希望组合框中的数据在用户位于页面上时发生更改，我建议您这样做，因为每次打开组合时它都会调用服务器方法。

在下面的示例中，因为用户可以在选择类别的同一页面上添加类别，所以我每次都需要它来点击服务器。但在其他页面上，我使用服务器端绑定（通过ViewBag / ViewData），以便它只能访问服务器一次。

我的编辑器模板：

@(Html.Telerik().ComboBox()
.Name("YourNameGoesHere")
.DataBinding(binding => binding.Ajax().Select("SelectCategoriesForComboBox","Shared")))

然后在控制器中：

public EquipmentEntities db = new EquipmentEntities();
public List<SelectListItem> CategoryList
{
    get
    {
        var m = db.Categories
        .Select(e => new{ Id = e.Id, Name = e.Name })
        .OrderBy(e => e.name);
        List<SelectListItem> sl = new SelectListItem(m.ToList(), "Id", "Name").ToList();

        //insert a blank item as the first entry
        sl.Insert(0, (new SelectListItem { Text = "", Value = string.Empty }));
        return sl;
    }
}

[HttpPost]
public ActionResult SelectCategoryForComboBox()
{
    return new JsonResult { Data = CategoryList };
}

也许我有点晚了，但希望它可以帮助别人。

Answer 2

首先，您需要将视图中列的名称与编辑模板和控制器操作参数的名称相匹配。我不认为int参数需要在控制器操作中可以为空。

然后在您的控制器操作中，您需要为编辑模板设置ViewData [“Buildings”];然后在返回视图之前选择配置文件对象中的当前值。

e.g。

public ActionResult _SaveAjaxEditing(int id, int BuildingsGrid)
    {
        ApartmentProfileRepository repo = new ApartmentProfileRepository();
        AptProfile profile = repo.Get(id);

        // Save the building ID in the profile
        profile.BuildingID = BuildingsGrid;

        TryUpdateModel(profile);
        repo.Save();

        // Load the Building objects into the ViewData
        ViewData["Buildings"] = GetBuildings();

        return View(new GridModel(GetAllProfiles()));
    }

Telerik MVC网格编辑模板DropDownList问题

2 个答案: