Kendo UI cascading 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")：这是分配给dropdown html元素的惟一名称。

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

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

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

read.Action("SubType"，"ComboBox")：它定义应该调用的操作和控制器，以检索将填充下拉选项的集合

.Data("filterOrders")：用于给上面的read.Action方法赋值

.ServerFiltering(true)：

.Enable(false)：下拉列表是否启用。

.AutoBind(false)：dropdown是否应该立即绑定到它的dropdown数据源(或者等待级联从dropdown被赋值)

.CascadeFrom("products")：要级联的另一个下拉列表。如果Autobind为false，则此下拉列表仅在用户为另一个下拉列表赋值后才绑定到其options数据源。