kendo-ui - ツールチップ コンテンツ テンプレートを宣言的に構成する

Question

データ宣言構文を使用する場合、Kendo UI ツールチップのコンテンツ テンプレートを構成することは可能ですか。

次の例では、単語templateをコンテンツとして使用してツールチップを簡単に作成します。

<div data-role="tooltip" data-content="template">
   Lorum ipsum....
</div>

Answer 1

できますが、実際に使用できるかどうかはわかりません。このようにすると、参照する要素が要素内にあるはずです。

初期化するには、次のような JavaScript が必要です。

<script type="text/javascript">
    $(document).ready(function () {
        kendo.init($("body"));
    });
</script>

そして、あなたのHTMLは問題ありません。

または、次のような HTML をもう少し複雑にすることもできます。

<div>
    <ol data-role="tooltip" data-content="message" data-filter="li>span">
        <li><span>item 1</span></li>
        <li><span>item 22</span></li>
        <li><span>item 333</span></li>
        <li><span>item 4444</span></li>
        <li><span>item 55555</span></li>
        <li><span>item 666666</span></li>
    </ol>
</div>

JSFiddle での例: http://jsfiddle.net/OnaBai/GerEN/

次のようなものも使用できます。

<div>
    <ol data-role="tooltip" data-content="{ url : 'url.html'} " data-filter="li>span">
        <li><span>item 1</span></li>
        <li><span>item 22</span></li>
        <li><span>item 333</span></li>
        <li><span>item 4444</span></li>
        <li><span>item 55555</span></li>
        <li><span>item 666666</span></li>
    </ol>
</div>

content.url実際のコンテンツを取得するためにa を渡す場所。