自定义命令的 kendo ui 工具提示答案

【问题标题】：kendo ui tooltip for custom command自定义命令的 kendo ui 工具提示
【发布时间】：2013-10-08 14:09:51
【问题描述】：

大家好，
我正在使用 kendo ui 工具提示来显示字段的内容。它工作正常，但问题在于网格的自定义命令。我只显示自定义命令的图标（如编辑或删除按钮），没有任何文本。如果我想在鼠标悬停在其显示空框的按钮上显示图标代表什么。任何帮助如何克服此问题并在工具提示中显示文本。

command: [{ 
    name: "e", 
    text: "", 
    title: "Update User Details", 
    Class: "test", 
    imageClass: "k-icon k-i-pencil", 
    click: EditUserInfo 
}, { 
    name: "destroy", 
    text: "", 
    title: "", 
    imageClass: "k-icon k-delete" 
}]

工具提示代码：

$(document).kendoTooltip({
            filter: 'span',
            content: function (e) {                   
                var target = e.target; // the element for which the tooltip is shown
                return target.text(); // set the element text as content of the tooltip
            },
            width: 160,               
            position: "top"
        }).data("kendoTooltip");

【问题讨论】：

能否在 jsfiddle 上提供该问题的演示？
@IrvinDomininakaEdward 这里是链接 (jsfiddle.net/xaXPV) 认为这可能会让您更好地理解我的问题。鼠标悬停在网格中的自定义命令上的工具提示中不显示任何文本。注意：如果在命令标签中使用文本属性，它会在按钮上显示文本。我不想在按钮上显示文本，只在工具提示中显示。提前致谢
该元素没有要显示的文本，所以它会是空的你想显示什么？图片喜欢：jsfiddle.net/xaXPV/1?
@IrvinDomininakaEdward 好东西！我忘了再添加一个，所以更新（jsfiddle.net/vkpaidisetty/xaXPV/3）我想显示标题（更新）。
您要获取列标题并将其设置为工具提示文本吗？

标签： jquery kendo-ui

【解决方案1】：

您可以尝试检查您的剑道网格定义，以及当前元素是否具有单元格图标的类显示其标题。

代码：

$(document).kendoTooltip({
    filter: "span", // if we filter as td it shows text present in each td of the table

    content: function (e) {
        var grid2 = $("#grid").data("kendoGrid");
        var retStr;
        $.each(grid2.columns[3].command,function( index, value ) {            
            if (e.target.hasClass(value.imageClass)){
                retStr=value.title;
                return false
            }            
        });
        return retStr

    }, //kendo.template($("#template").html()),
    width: 160,

    position: "top"
}).data("kendoTooltip");

演示：http://jsfiddle.net/QM3p7/

【讨论】：

完美。感谢您的帮助和耐心回答我的问题。