2014-02-12 155 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