如何將字體樣式應用於過濾的列標題？

我在應用程序中有kendo網格，它有可篩選的真實選項。我們的要求是當我們將過濾應用到列時，列標題的字體樣式將被改爲斜體..如何做到這一點？如果有人對此有所瞭解請告訴我..如何將字體樣式應用於過濾的列標題？

2013-03-15 user2138545

這可能是一個CSS行：

.k-filterable a.k-grid-filter.k-state-active ~ .k-link {font-style:italic;}

無需使用Java腳本。

來源

2013-05-13 09:04:16 Yustme

這實際上工作嗎？我沒有看到任何帶有「k-link」類的元素。你在哪裏看到有「k-link」類的元素？ – haejeong87 2013-05-23 01:15:44

使用開發人員工具選擇網格。很難解釋你在哪裏可以看到它。你將不得不玩弄它。對我來說，這在Site.css（mvc項目）中有效。 – Yustme 2013-05-23 07:25:06

我不確定我們是否在查看同樣的東西：P我正在使用[http://demos.kendoui.com/web/grid/filter-menu-customization.html]進行測試。使用jQuery，$（'。k-filterable .k-link'）沒有返回任何內容。但我很高興你的解決方案爲@ user2138545工作:) – haejeong87 2013-05-23 23:25:03

我個人沒有使用過劍道格，但我很快就嘗試了演示here，並發現它增加了「K-狀態活躍」類的<一個>元素<日>內元件。

但是，標題文本不在<a>元素內。你需要的是一個parent selector which current CSS does not support。

所以據我所知，這是不可能的純CSS

你需要一些JavaScript。這裏有一個使用jQuery的可能解決方案：使用setTimeout，因爲只有在數據被過濾後才添加「k-state-active」類。再一次，我不熟悉劍道網格，所以我不知道是否有辦法爲過濾器提供回調方法。您可能想要對此進行調查，因爲如果您擁有龐大的數據集，那麼100 ms的延遲時間可能不夠長。

我對jQuery特定的解決方案表示歉意。啊......沒有jQuery我什麼都做不了。恥辱。

但希望這對你有幫助！讓我知道你是否需要任何進一步的幫助。

來源

2013-03-15 07:10:23 haejeong87

Yaa非常感謝你，它在localhost中的工作很好，但它不是在服務數據中應用爲什麼？我調試解決方案，但我沒有得到任何錯誤。 – user2138545 2013-03-15 08:01:13

你的意思是它在localhost中有效，但在生產中不起作用？你能分享鏈接到它不起作用的頁面嗎？ – haejeong87 2013-03-15 10:28:51

你有沒有試過增加'setTimeout'延遲？也許你的數據集在生產上更大，並且需要更多的時間來過濾。另一種選擇是使用'setInterval'而不是'setTimeout'。試試看，讓我知道。 – haejeong87 2013-03-17 04:43:05

如何將字體樣式應用於過濾的列標題？

回答

相關問題