2014-02-12 111 views
0

我有一个Kendo网格,它使用默认过滤器进行设置。不过,我想改变这些外观和感觉,并提供我自己的。自定义kendo网格过滤器

我想要完成的是摆脱下拉列表,并选择一个复选框后,将一些复选框与我的不同选项和筛选器一起使用。

这可能吗?

请帮忙!

回答

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

-1

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

+0

虽然这个链接可能回答这个问题,但最好在这里包含答案的重要部分,并提供供参考的链接。如果链接页面更改,则仅链接答案可能会失效。 – user272735

+0

好的。我明白了你的观点。但为什么downvote?我在downvote箭头看到的提示是“答案没有用”。我想你没有拼命寻找这个链接,并且对于每个人来说,这个答案肯定是有帮助的。即使链接发生变化,对标题的快速搜索也会显示所需的信息,如果不能,则信息无效。除此之外,这是来自telerik的代码 - 不知道这里会出现什么样的版权问题。我希望没有人会因为害怕倒退而不回复答案。我更喜欢一个链接而不是没有... – timtos