jquery - Kendo UI 在网格中突出显示文本

Question

我正在尝试突出显示剑道网格中的文本。我正在使用jQuery Highlight 插件！突出显示文本。

我可以对普通的旧 html 网格使用突出显示插件。但是，当我尝试引用由 Kendo 生成的网格时，我无法让高亮显示工作。

这是我的 MVC 页面中的代码片段。

<div id="grid">
    @(Html.Kendo().Grid<MyModel>()...
</div>

我用我的浏览器（IE、Chrome）查看了渲染的代码，并注意到有一个与网格关联的 <script> 标记。我从浏览器中获取了呈现的 HTML 和 <script> 标签并插入我的页面以验证突出显示是否正常工作。

当我删除以下标签时，突出显示有效。当它出现在出现时，突出显示不起作用。

<script>
        jQuery(function () { jQuery("#grid6cbf1150-e10f-4df3-890b-85d9b3e754e0").kendoGrid( ... ); });
</script>

那么问题来了，这个标签是做什么来阻止高亮的呢？

谢谢。

score 1 · Accepted Answer

我尝试了hightlight演示，它似乎工作正常。检查我创建的以下示例：

不要忘记将样式添加到您的页面，以便您可以看到实际的突出显示：

<style>
.highlight {
    background-color: #FFFF88;
}
</style>

1 回答 1