Tree Dgrid树向每个单元格添加html工具提示
dojo和dgrid的新手。我的代码中使用了dgrid树,希望显示dgrid中每个单元格的工具提示Tree Dgrid树向每个单元格添加html工具提示,tree,dojo,dgrid,Tree,Dojo,Dgrid,dojo和dgrid的新手。我的代码中使用了dgrid树,希望显示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(e
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);
},
我曾尝试向树中添加格式化程序,但它破坏了树。下面是格式化程序的示例代码
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");
this.OneGrid=new-OneGridMixin({
栏目:{
fieldname:tree({field:“name”,width:“auto”,sortable:false,格式化程序:函数(数据){return”“+data+”“;}})
},
showHeader:false,
minRowsPerPage:25000,
maxRowsPerPage:25000
},“选项统一网格”);
我还尝试向对象添加标题:“title”,
,但没有成功。我不确定网格函数还可以接受哪些其他参数
谢谢你看看下面的JSFIDLE实现,包括一个工具提示:
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树
,但是我希望这能有所帮助。看看下面的JSFIDLE实现,包括一个工具提示:
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树,但是我希望这会有所帮助。您可以使用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);
},
可以使用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);
},