asp.net-mvc - 带有客户端过滤的级联剑道下拉列表

标签 asp.net-mvc kendo-ui kendo-asp.net-mvc client-side kendo-dropdown

我想知道是否有任何方法可以让 Cascade kendo DropDownList(绑定(bind)到远程数据)具有客户端过滤功能。我知道我可以使用主下拉列表的更改事件来实现级联效果并处理这种情况,但我想知道是否有一种“剑道”方式来处理这种情况。可能有一些我可以设置但我忽略了的参数。

最佳答案

我认为这个例子会有所帮助:

category: <input id="category" />
product: <input id="product" />
var category = $("#category").kendoDropDownList({
    optionLabel: "Select category...",
    dataSource: [
        { CategoryID: 1, CategoryName: "Beverages" },
        { CategoryID: 2, CategoryName: "Condiments" },
        { CategoryID: 3, CategoryName: "Confections" }
    ],
    dataValueField: "CategoryID",
    dataTextField: "CategoryName"
}).data("kendoDropDownList");

var product = $("#product").kendoDropDownList({
    optionLabel: "Select product...",
    dataSource: [
        {"ProductID":35,"ProductName":"Steeleye Stout","CategoryID":1},
        {"ProductID":3,"ProductName":"Aniseed Syrup","CategoryID":2},
        {"ProductID":4,"ProductName":"Chef Anton's Cajun Seasoning","CategoryID":2},
        {"ProductID":5,"ProductName":"Chef Anton's Gumbo Mix","CategoryID":2},
        {"ProductID":6,"ProductName":"Grandma's Boysenberry Spread","CategoryID":2},
        {"ProductID":8,"ProductName":"Northwoods Cranberry Sauce","CategoryID":2},
        {"ProductID":16,"ProductName":"Pavlova","CategoryID":3},
        {"ProductID":19,"ProductName":"Teatime Chocolate Biscuits","CategoryID":3},
        {"ProductID":20,"ProductName":"Sir Rodney's Marmalade","CategoryID":3},
        {"ProductID":21,"ProductName":"Sir Rodney's Scones","CategoryID":3},
        {"ProductID":25,"ProductName":"NuNuCa Nuß-Nougat-Creme","CategoryID":3}                
    ],
    dataValueField: "ProductID",
    dataTextField: "ProductName",
    cascadeFrom: "category"
}).data("kendoDropDownList");

关于asp.net-mvc - 带有客户端过滤的级联剑道下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46828183/

相关文章:

asp.net-mvc - 如何使用返回 View 的参数正确调用 ActionResult

responsive-design - 将 Zurb Foundation 与 Kendo UI 结合使用

css - KendoUI Column Center 自定义MVC扩展方法

c# - 如何在添加窗口中通过 html 助手更改弹出式剑道网格的标题

asp.net-mvc - Azure 网站不处理到 '.asp' 文件扩展名的路由

jquery - Ajax 发布到 Controller 操作跨域

javascript - KendoUI Grid 处理列标题的点击事件

css - 如果 cshtml 中没有头部,则将 css 放在哪里

html - ASP.Net MVC 4 在提交表单时设置 'onsubmit'

javascript - 将 "All"项目添加到由远程数据源填充的 kendo ui listview