c# - 如何禁用级联 Kendo DropDownLists？

Question

我有两个 Kendo DropDownLists，当第一个 DDL 的值被加载并绑定到我的视图模型的值时，我想禁用第二个 DDL。

所以我有这样的代码：

@(Html.Kendo().DropDownList()
      .Name("FormGroupId")
      .HtmlAttributes(new { style = "width:250px" })
      .OptionLabel("Select form group...")
      .Template("#= data.Name # - #= data.Version #")
      .DataTextField("Name")
      .DataValueField("Id")
      .Events(events =>
      {
          events.Change("onFormGroupChanged");
          events.Select("onFormGroupSelected");
          events.Cascade("onFormGroupCascaded");
      })
      .DataSource(source =>
      {
            source.Read(read => { read.Route(RouteConfig.GetFormGroupNames.Name); });
      })
)

和

@(Html.Kendo().DropDownList()
      .Name("Schema")
      .HtmlAttributes(new { style = "width:250px" })
      .OptionLabel("Select schema...")
      .DataTextField("SchemaName")
      .DataValueField("SchemaId")
      .DataSource(source => 
      {
          source.Read(read =>
          {
              read.Route(RouteConfig.FilterFormSchemas.Name).Data("filterSchemas");
          })
          .ServerFiltering(true);
      })
      .Enable(false)
      .AutoBind(false)
      .CascadeFrom("FormGroupId")
)

我在第一个 DDL 上订阅 Cascade 事件并尝试从那里禁用第二个 DDL，但它不起作用。

JS：

function onFormGroupCascaded(e) {
    $("#Schema").data("kendoDropDownList").enable(false);
}

Answer 1

你已经在这样做了。

将事件添加到第一个下拉列表：

.Events(e =>
{
    e.Change("change").Select("select").Open("open").Close("close").DataBound("dataBound");
})

使用 JavaScript，处理更改事件

<script>
    function change() {
        // get a reference to the dropdown list
        var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
        // disable the dropdown list
        dropdownlist.enable(false);
    };
</script>

看起来你已经在这样做了。你得到什么样的错误？

Answer 2

这是一个老问题，但绑定到CascadeFrom事件不会阻止启用下拉菜单。这是由于 Kendo 库中的代码在稍后的执行顺序中重新启用了它。

相反，绑定到DataBound事件以禁用下拉菜单。此事件稍后在执行堆栈中发生，并在 Kendo 代码启用后禁用输入。

Answer 3

此代码适用于角度指令配置

dataBound: function (e) {
            this.enable(false);
        }