Kendo ui 自定义剑道网格过滤器

Kendo ui 自定义剑道网格过滤器,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我有一个剑道网格,它是用默认过滤器设置的。然而,我想改变这些外观和感觉,并提供我自己的 我想要完成的是摆脱下拉列表,并在我选择一个复选框后,立即将一些复选框与我的不同选项和过滤器放在一起 这可能吗 请帮忙 是的,你可以放任何你想要的东西 网格列 { field: "City", width: 130, filterable: { ui: cityFilter } }, { field: "Title", filterable: {

我有一个剑道网格,它是用默认过滤器设置的。然而,我想改变这些外观和感觉,并提供我自己的

我想要完成的是摆脱下拉列表,并在我选择一个复选框后,立即将一些复选框与我的不同选项和过滤器放在一起

这可能吗


请帮忙

是的,你可以放任何你想要的东西

网格列

{
    field: "City",
    width: 130,
    filterable: {
       ui: cityFilter
    }
},
{
    field: "Title",
    filterable: {
         ui: titleFilter
    }
},
过滤器用户界面定义

<script type="text/javascript">
function cityFilter(element) {
    element.kendoDropDownList({
        dataSource: {
            transport: {
                read: "@Url.Action("FilterMenuCustomization_Cities")"
            }
        },
        optionLabel: "--Select Value--"
    });
}

function titleFilter(element) {
    element.kendoAutoComplete({
        dataSource: {
            transport: {
                read: "@Url.Action("FilterMenuCustomization_Titles")"
            }
        }
    });
}

功能城市过滤器(元素){
element.kendoDropDownList({
数据源:{
运输:{
阅读:“@Url.Action(“filtermanucustomization\u Cities”)
}
},
选项标签:“--选择值--”
});
}
功能滴定过滤器(元件){
element.kendoAutoComplete({
数据源:{
运输:{
阅读:“@Url.Action(“filtermanucustomization\u Titles”)”
}
}
});
}

您可以修改并放置复选框dropdownlist autocomplete datepicker和


来自telerik官方文档的链接确实帮助了我:。其主要思想是使用filterMenuInit事件为所需的每一列插入自定义模板

虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能会无效。确定。我明白你的意思。但为什么要投否决票?我在下一票箭头看到的工具提示是“答案没有用”。我想你并没有拼命地搜索这个链接,对于所有搜索过的人来说,这个答案绝对是有帮助的。即使链接更改,快速搜索标题也会显示所需的信息,否则,该信息将不再有效。除此之外,这是telerik的代码-不知道这里会出现什么样的版权问题。我希望没有人不会给出答案,因为他害怕被否决。我更喜欢一个链接而不是什么都没有。。。