2013-03-19 74 views
1

我想突出顯示Kendo網格內的文本。我正在使用jQuery Highlight Plugin!突出文本。Kendo UI突出顯示網格中的文本

我可以針對普通的舊html網格使用高亮插件。但是,當我嘗試引用由Kendo生成的網格時,我無法獲得突出顯示的功能。

這是我的MVC頁面的代碼片段。

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

我看着我的瀏覽器(IE,Chrome瀏覽器)渲染代碼,並發現有與網格相關的<腳本>標籤。我從瀏覽器中提取了呈現的HTML和<腳本>標記,並將其插入我的頁面以驗證高亮顯示正在工作。

當我刪除下面的標籤,突出顯示作品。出現時,突出顯示不起作用。

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

所以問題是,這個標籤做什麼來防止突出顯示工作?

謝謝。

回答

1

我試過hightlight演示,它似乎工作正常。請檢查下面的例子中,我創建:

不要忘記樣式添加到您的網頁,讓您可以看到實際的hightlight:

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

http://jsfiddle.net/ehnSq/18/

+0

亮點不工作時