具有级联 DropDownList 的 Kendo UI 网格

我的 Razor 布局上有一个 Kendo UI 网格，它从控制器获取数据。

在此网格中，我希望有一组 3 个 DropDownList，它们是：

ProductGroups, Products, Services

我希望实现的行为是，当我向网格添加一行时，我选择ProductGroups首先，以及Products下拉列表已更新，产品列表按以下条件过滤GroupId（价值）。然后选择Product和第一个一样，更新Services包含按以下条件过滤的服务的下拉列表productId（价值）。

我不太知道如何实现这一目标，有人可以帮助我吗？

感谢大家的帮助。

此致。

这是我为 GridEditMode.InCell 所做的工作。我有客户和基金，每个客户都有自己的基金列表，因此当用户选择客户时，我只需要显示特定于该客户的基金

看法： Kendo Grid UI 设置

    c.ForeignKey(p => p.ClientId, Model.Clients, "Id", "ClientName")
      .Title("Client")
      .Width(100);
    c.ForeignKey(p => p.FundId, Model.Funds, "Id", "Description")
      .EditorViewData(new {funds = Model.Funds})
      .EditorTemplateName("FundForeignKeyEditor")
      .Title("Fund")
      .Width(100);
   })
   .Editable(x => x.Mode(GridEditMode.InCell))
   .Events(e => e.Edit("gridEdit"))

现在，当用户单击“基金”时，您需要对基金的数据源执行过滤，您可以使用 JavaScript 在“gridEdit”事件上执行此操作。您将此代码放在与上面的代码相同的视图/文件中

<script type="text/javascript">
    function gridEdit(e) {
        var fundDropDown = e.container.find("#FundId").data("kendoDropDownList");

        if (fundDropDown) {
            fundDropDown.dataSource.filter({ field: "ClientId", operator: "eq", value: e.model.ClientId });

</script>

基金有“FundForeighKeyEditor”编辑器模板，您必须将其添加到 Views\Shares\EditorTemplate 文件夹中。您可以使用任何名称，只需确保文件模板的名称与 EditorTemplateName 的名称匹配即可。就我而言，我使用“FundForeignKeyEditor”作为 EditorTemplate 和 FundForeighKeyEditor.cshtml 文件

FundForeighKeyEditor.cshtml

@model FundViewModel

@(
        Html.Kendo().DropDownListFor(m => m)
            .BindTo((System.Collections.IEnumerable)ViewData["funds"])
            .DataTextField("Description")
            .DataValueField("Id")
)

这是一个 FundViewModel，它包含 ClientId，因此我可以对其进行过滤

public class FundViewModel
{
    public string Id { get; set; }
    public string ClientId { get; set; }
    public string Description { get; set; }
}