1

任何人都可以向我解释此代码的结构吗？

例如.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>

4

1 回答 1

6

.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，则只有在用户为另一个下拉列表分配了值后，此下拉列表才会绑定到其选项数据源。

于 2013-03-06T02:35:54.247 回答