Kendo ui 以声明方式配置工具提示内容模板

Kendo ui 以声明方式配置工具提示内容模板,kendo-ui,tooltip,Kendo Ui,Tooltip,在使用数据声明性语法时,是否可以配置剑道UI工具提示的内容模板 下面将使用单词模板作为内容创建一个简单的工具提示 <div data-role="tooltip" data-content="template"> Lorum ipsum.... </div> 同侧阴唇。。。。 您可以,但我不知道它是否实际可用,因为这样做,您应该在元素中包含它引用的元素 要初始化它,您应该有如下JavaScript: $(文档).ready(函数(){ 剑道初始化($(“bod

在使用数据声明性语法时,是否可以配置剑道UI工具提示的内容模板

下面将使用单词
模板
作为内容创建一个简单的工具提示

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

同侧阴唇。。。。

您可以,但我不知道它是否实际可用,因为这样做,您应该在元素中包含它引用的元素

要初始化它,您应该有如下JavaScript:


$(文档).ready(函数(){
剑道初始化($(“body”);
});
然后你的HTML就可以了

或者您可以使用更复杂的HTML,如:


  • 项目1
  • 项目22
  • 项目333
  • 项目4444
  • 项目55555
  • 项目6666
  • JSFIDLE中的示例:

    您还可以使用以下内容:

    
    
  • 项目1
  • 项目22
  • 项目333
  • 项目4444
  • 项目55555
  • 项目6666

  • 在这里,您可以传递一个
    content.url
    ,用于检索实际内容。

    数据内容标记可以将HTML作为其属性,这意味着您可以避免使用单独的内容模板:

    <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>
    
    
    数据内容=“MVVM属性:#=mvvmPropertyName#


    希望这能有所帮助。

    但是工具提示应该涉及某个元素,您打算如何说哪个元素?您的最终目标是什么?当您使用
    data-
    声明性语法时,它会将工具提示添加到您放入
    data-
    属性的元素中。下面是一个示例:该示例的问题是,我无法使用
    数据内容
    来配置模板。如果我把
    data content='#template id'
    放在工具提示中,工具提示只包含文字文本#template-id。但在JS初始化中,实际上也没有使用模板。它可以是字符串、返回字符串的函数,也可以是以字符串形式返回html的jQuery表达式,但始终是字符串。你基本上需要的是获取模板的内容,这很有意义。所以我想答案应该是“不”,然后再加上你上面的评论。至少在剑道团队添加
    模板
    选项之前。请您将您的评论作为答案,我将选择它。问题是我希望工具提示包含标记。不仅仅是一个文本字符串。