自定义剑道网格过滤器答案

【问题标题】：Customize kendo grid filter自定义剑道网格过滤器
【发布时间】：2014-02-12 17:53:24
【问题描述】：

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

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

这可能吗？

请帮忙！

【问题讨论】：

标签： kendo-ui kendo-grid

【解决方案1】：

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

网格列

{
    field: "City",
    width: 130,
    filterable: {
       ui: cityFilter
    }
},
{
    field: "Title",
    filterable: {
         ui: titleFilter
    }
},

过滤器 UI 定义

<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

【讨论】：

【解决方案2】：

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

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
好的。我明白你的意思了。但为什么要投反对票？我在向下投票箭头处看到的工具提示是“答案没有用”。我猜你还没有拼命搜索这个链接，对于每个搜索过的人来说，这个答案绝对是有帮助的。即使链接发生变化，快速搜索标题也应该会显示所需的信息，如果没有，该信息无论如何都不再有效。除此之外，这是来自telerik的代码——不知道这里可能会出现什么样的版权问题。我希望没有人会不发布答案，因为他害怕投反对票。我更喜欢链接而不是什么都没有......