Kendo UI 级联 DropdownList 是如何工作的？

Question

谁能给我解释一下这段代码的结构？

例如.Name("products") 是DropDownList 名称，我想知道它们是什么（你怎么称呼它（Name、OptionLabel 等）），因为它真的让我很困惑。我一直在创建级联 DropDownList。

@(Html.Kendo().DropDownList()
      .Name("products")
      .OptionLabel("Select product...")
      .DataTextField("ProductName")
      .DataValueField("ProductID")
      .DataSource(source => {
          source.Read(read =>
          {
              read.Action("Type", "ComboBox")
                  .Data("filterProducts");
          })
          .ServerFiltering(true);
      })
      .Enable(false)
      .AutoBind(false)
      .CascadeFrom("categories")
)
<script>
    function filterProducts() {
        return {
            categories: $("#categories").val()
        };
    }
</script>

<p>
<label for="orders">Orders:</label>
@(Html.Kendo().DropDownList()
      .Name("orders")
      .OptionLabel("Select order...")
      .DataTextField("ShipCity")
      .DataValueField("OrderID")
      .DataSource(source => {
          source.Read(read =>
          {
              read.Action("SubType", "ComboBox")
                  .Data("filterOrders");
          })
          .ServerFiltering(true);
      })
      .Enable(false)
      .AutoBind(false)
      .CascadeFrom("products")
)
<script>
    function filterOrders() {
        return {
            products: $("#filterOrders").val()
        };
    }
</script>

Answer 1

.Name("orders")：这是分配给下拉 html 元素的唯一名称。

.OptionLabel("Select order...")：这是在未选择任何选项时应显示的下拉菜单。

.DataTextField("ShipCity")：这是数据源的属性，用于填充应显示在下拉列表中的下拉选项。

.DataValueField("OrderID")：这是绑定数据源的属性，它填充下拉选项，应用作绑定到视图底层模型的值。

read.Action("SubType", "ComboBox")：这定义了应该调用的 Action 和 Controller 以检索将填充下拉选项的集合

.Data("filterOrders")：这个是用来给上面的read.Action方法赋值的

.ServerFiltering(true):

.Enable(false): 下拉菜单是否启用。

.AutoBind(false): 下拉菜单是否应该立即绑定到它的下拉数据源（或者等待下拉菜单的级联被赋值）

.CascadeFrom("products")：要级联的另一个 DropDownList。如果 AutoBind 为 false，则只有在用户为另一个下拉列表分配值后，此下拉列表才会绑定到其选项数据源。