我有一個Kendo網格,它使用默認過濾器進行設置。不過,我想改變這些外觀和感覺,並提供我自己的。自定義kendo網格過濾器
我想要完成的是擺脫下拉列表,並選擇一個複選框後,將一些複選框與我的不同選項和篩選器一起使用。
這可能嗎?
請幫忙!
我有一個Kendo網格,它使用默認過濾器進行設置。不過,我想改變這些外觀和感覺,並提供我自己的。自定義kendo網格過濾器
我想要完成的是擺脫下拉列表,並選擇一個複選框後,將一些複選框與我的不同選項和篩選器一起使用。
這可能嗎?
請幫忙!
是的,你可以放任何你想要的東西。
格列
{
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")"
}
}
});
}
您可以修改,並把複選框下拉列表自動完成日期選擇器和...
來自官方telerik文檔的鏈接對我有幫助:Checkbox filter menu filtering。主要思想是使用filterMenuInit事件爲每個需要的列插入自定義模板。
雖然這個鏈接可能回答這個問題,但最好在這裏包含答案的重要部分,並提供供參考的鏈接。如果鏈接頁面更改,則僅鏈接答案可能會失效。 – user272735
好的。我明白了你的觀點。但爲什麼downvote?我在downvote箭頭看到的提示是「答案沒有用」。我想你沒有拼命尋找這個鏈接,並且對於每個人來說,這個答案肯定是有幫助的。即使鏈接發生變化,對標題的快速搜索也會顯示所需的信息,如果不能,則信息無效。除此之外,這是來自telerik的代碼 - 不知道這裏會出現什麼樣的版權問題。我希望沒有人會因爲害怕倒退而不回覆答案。我更喜歡一個鏈接而不是沒有... – timtos