如何将字体样式应用于过滤的列标题？

我在应用程序中有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

如何将字体样式应用于过滤的列标题？

回答

相关问题