asp.net-mvc-3 - 带有 Ajax 和参数的网格中的 Kendo Ui DropDownList (ASP.NET MVC)

Question

我有一个使用下拉列表的 KendoUI 网格。所以网格的每个元素都有一个下拉列表。 DropDownList 在局部 View 中定义。

@(Html.Kendo().DropDownList()
    .Name("positions")
    .DataValueField("EmpId")
    .DataTextField("EmpName")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("_AjaxGetEmps", "Emp", new { Empid = <empid of currently selected grid row> });
        }).ServerFiltering(true);
    })
)

我把什么放在哪里？我想要做的是从当前选定行的网格中引用一个字段。网格的每一行在下拉列表中都可以有不同的值，我需要将值传递给 AjaxGetEmps 方法。我正在使用带有 Razor View 引擎的 ASP.NET MVC。

Answer 1

您必须通过 Empid通过 Data 方法传递参数，而不是像这样直接给出参数:

@(Html.Kendo().DropDownList()
    .Name("positions")
    .DataValueField("EmpId")
    .DataTextField("EmpName")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("_AjaxGetEmps", "Emp")
                .Data("getCurrentEmpid"); // this links to a javascript function 
                                          // which will get the current emp id
        }).ServerFiltering(true);
    })
)

并且 javascript 函数应该像这样实现:

function getCurrentEmpid() {
    var grid = $("#idGrid").data("kendoGrid"); // where "idGrid" is the id of your grid

    return {
        Empid: grid.dataItem(grid.select()).Empid
    }
}

这里grid.select()返回网格中选定的行和 grid.dataItem(row)获取与此行关联的数据。所以这里Empid应该是你的模型类的 id。
另请注意，如果您有标志 GridSelectionMode至 Multiple你将不得不循环抛出 grid.select()数组...