Question

我正在使用KendoUI级联下拉菜单，它似乎在大多数情况下工作正常，但似乎有一点问题。但是，我认为我的实现不是使用该工具的问题，因为在他们的演示页面here上似乎工作正常。此外，我试图完全遵循代码，以确保我得到相同的行为。现在，我看到以下行为：

我在父下拉列表中选择一个选项，然后点击子下拉列表然后正确调用控制器操作
继续这样做就子项下拉列表的结果为空
一旦它获得一些绑定子下拉菜单的值，它就会停止对控制器进行任何调用，尽管我在父下拉列表或子下拉菜单中选择了什么。

我不确定为什么会这样。以下是我的代码段：

控制器代码

[HttpGet]
public ActionResult FindAlignmentsByTeamId(int teamId)
{
    var teams = Client.GetAlignmentsByTeamId(teamId);
    return Json(teams, JsonRequestBehavior.AllowGet);
}

.cshtml代码

@* Perent Dropbox *@

<tr>
    <td>EmployeeID</td>
    <td><b>@Model.EmployeeId</b></td>
</tr>
<tr>
    <td>Team</td>
    <td>
        @(Html.Kendo().DropDownList()
              .Name("Team")
              .DataTextField("TeamName")
              .DataValueField("TeamId")
              .DataSource(source => source.Read(read => read.Action("GetAllTeams", "Employee")))
        )
    </td>
</tr>

@* Child DropBox *@


@(Html.Kendo().DropDownList()
    .Name("Alignment")
    .DataTextField("AlignmentName")
    .DataValueField("AlignmentId")
    .DataSource(source => source.Read(read => read.Action("FindAlignmentsByTeamId", "Employee").Data("FilterAlignment"))
           .ServerFiltering(true)
    )
    .CascadeFrom("teamId")
    .AutoBind(false)
)

<script type="text/javascript">
    function FilterAlignment() {
        return {
            teamId: $("#Team").val()
        }
    };
</script>

我不确定在第一次成功绑定某个值后会发生什么，以便它有理由相信现在它不再需要检查任何OnChange（）事件了？有什么想法吗？

Answer 1

您的父id的{{1}}是“团队”，而不是“teamId”。您需要更新您的孩子DropDownList以从正确的DropDownList

级联

id

绑定一次后，KendoUI级联下拉列表不会更新

1 个答案: