1

剣道グリッド内のテキストを強調表示しようとしています。jQuery Highlight Pluginを使用しています。テキストを強調表示します。

プレーンな古い HTML グリッドに対してハイライト プラグインを使用できます。ただし、剣道で生成されたグリッドを参照しようとすると、ハイライトが機能しません。

これは、私の 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>

問題は、ハイライトが機能しないようにするために、このタグが何をしているのかということです。

ありがとう。

4

1 に答える 1

1

ハイライト デモを試してみましたが、問題なく動作しているようです。私が作成した次の例を確認してください。

実際のハイライトが表示されるように、ページにスタイルを追加することを忘れないでください。

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

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

于 2013-03-19T18:41:40.340 に答える