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 obj = (typeof what === 'object') ? what : document.getElementById(what);

我不知道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");，但我希望这有帮助。

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);
},

Dgrid树将html工具提示添加到每个单元格

2 个答案: