聲明式配置工具提示內容模板

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用於檢索實際內容。

<script id="row-template" type="text/x-kendo-template"> 
    data-content="<div style='text-align: left; font-size: 11px; font-weight: bold;'><p>MVVM Property: #= mvvmPropertyName #</p></div>" 
</script> 

希望這有助於：

Answer 2

，因爲它的屬性意味着你能避免使用單獨的內容tempate數據內容標籤可以採取HTML。

Answer 3

模板是否可以提供給k-content屬性？在上面的例子中，它被添加到數據內容屬性

<ol data-role="tooltip" data-content="{ url : 'url.html'} " data-filter="li>span"> 

可以相同地對於k-內容完成？如下所示：

<ol kendo-tooltip k-content="{ url : 'url.html'} " data-filter="li>