kendo ui工具提示自定義命令

大家好，
我正在使用kendo ui tooltip來顯示字段的內容。它工作正常，但問題是與網格的自定義命令。我只顯示自定義命令的圖標（如編輯或刪除按鈕），沒有任何文本。如果我想要顯示鼠標懸停在圖標上的圖標，它將顯示空白框。任何幫助如何克服這個問題，並在工具提示中顯示文本。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");

來源

2013-10-08 varun

你能提供的jsfiddle問題的演示？ –

@IrvinDomininakaEdward **這裏是鏈接**（http://jsfiddle.net/xaXPV/）認爲這可能會讓你更好地理解我的問題。網格中的自定義命令上的鼠標懸停的工具提示中沒有文本顯示。 **注意**：如果在命令標籤中使用文本屬性，它會在按鈕上顯示文本。我不想在按鈕上顯示文本，只能在工具提示中顯示。在此先感謝 – varun

元素沒有文字顯示，所以它會是空的，你不會顯示？像這樣的圖像：http://jsfiddle.net/xaXPV/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/

來源

2013-10-09 16:12:21

**這是完美的**。感謝您的幫助和耐心回答我的問題。 – varun

很高興爲您服務，歡迎您的光臨！ –

kendo ui工具提示自定義命令

回答

相關問題