自定义kendo网格过滤器

Question

我有一个设置了默认过滤器的Kendo Grid。但是，我想改变那些的外观和感觉，并提供我自己的。

我想要完成的是摆脱下拉菜单，并在我选择复选框后立即使用我的不同选项和过滤器添加一些复选框。

这可能吗？

请帮忙！

Answer 1

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

网格列

{
    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")"
            }
        }
    });
}

您可以修改并添加复选框下拉列表自动完成日期选择器和...

reference

Answer 2

官方telerik文档中的这个链接对我有帮助：Checkbox filter menu filtering。主要思想是使用filterMenuInit事件为每个所需的列插入自定义模板。