Dgrid樹爲每個單元格添加html工具提示

Question

dojo和dgrid的新增功能。我在我的代碼中使用了一個dgrid樹，並且想要顯示dgrid中每個單元格的工具提示。

我已經嘗試添加一個格式化程序到樹中，但是它打破了樹。下面是一個格式化

this.OneGrid = new OneGridMixin({ 
      columns:{ 
       fieldname : tree({field:"name", width: "auto", sortable: false, formatter: function(data){return "<span title="+data+">"+data+"</span>";}}) 
      }, 
      showHeader: false, 
      minRowsPerPage: 25000, 
      maxRowsPerPage: 25000 
     }, "options_OneGrid"); 

我也嘗試添加一個title:"Title",對象的示例代碼，但沒有奏效。我不確定網格功能可以接受哪些其他參數。

謝謝

Answer 1

看看下面的jsfiddle dijit.Tree實施，包括一個提示：

var treeControl = new dijit.Tree({ 
     model: treeModel, 
     showRoot: false, 
     _createTreeNode: function(/*Object*/ 
     args) { 
      var tnode = new dijit._TreeNode(args); 
      tnode.labelNode.innerHTML = args.label; 
      return tnode; 
     }, 
     onMouseOver: function(event) { 
      var node = dijit.getEnclosingWidget(event.target); 

      dijit.showTooltip("Tooltip for: " + this.model.store.getValue(node.item, "label"), node.labelNode); 
     } 
    }, "treeOne"); 

我不知道dgrid tree，但我希望這有助於。

Answer 2

您可以使用mouseover和mouseout事件來顯示dgrid中的工具提示。

this.toolTipGrid.on(".dgrid-cell:mouseover", lang.hitch(this, this.showGridTooltip)); 
this.toolTipGrid.on(".dgrid-cell:mouseout", lang.hitch(this, this.hideGridTooltip)); 

showGridTooltip: function(event){ 
    var cell=this.toolTipGrid.cell(event); 
    var toolTipText="Tooltip text will go here"; 
    dijit.showTooltip(toolTipText, cell.element); 
}, 

hideGridTooltip: function(event){ 
    var cell=this.batchStatusGrid.cell(event); 
    dijit.hideTooltip(cell.element); 
},