Javascript 添加在同一行上具有单元格值的单元格工具提示

Javascript 添加在同一行上具有单元格值的单元格工具提示,javascript,dojo,dojox.grid,dgrid,dojo.gridx,Javascript,Dojo,Dojox.grid,Dgrid,Dojo.gridx,使用Dojo 1.9.3和Gridx 1.0版。声明式和编程式 我一直在尝试在UName列中的每个username单元格上添加工具提示,该提示将显示该行中姓氏和名字的值。用途:我想隐藏“名字”和“姓氏”列以创建空间。聪明吧?好吧,如果我知道怎么做就好了 我在学习JS和dojo。到目前为止,网格正在填充,按钮工作正常。快速小提琴: 我建议使用 把你的数据包起来 我建议在数据存储中创建一个新字段以供显示,不要弄乱数据。只需将格式化程序与_item字段一起使用即可。将您的用户名列定义更改为 {

使用Dojo 1.9.3和Gridx 1.0版。声明式和编程式

我一直在尝试在UName列中的每个username单元格上添加工具提示,该提示将显示该行中姓氏和名字的值。用途:我想隐藏“名字”和“姓氏”列以创建空间。聪明吧?好吧,如果我知道怎么做就好了

我在学习JS和dojo。到目前为止,网格正在填充,按钮工作正常。快速小提琴:

我建议使用

把你的数据包起来


我建议在数据存储中创建一个新字段以供显示,不要弄乱数据。

只需将格式化程序与_item字段一起使用即可。将您的用户名列定义更改为

{
    id:'user_name',
    field: '_item',
    ...
    formatter: function(item) {
        return "<div title='"+item.first_name+" "+item.last_name+"'>"+item.user_name+"</div>";
    },
}

使用字段_item意味着整个项将可供格式化程序使用。也可以使用dijit/工具提示,但为此您需要gridx1.2的CellWidget模块。

如果使用格式化程序,则会干扰未显示的树子级。是否有其他方法可以实现相同的功能?
request.get("filename.json", {
        handleAs: "json"
    }).then(function(data){
        for(i=0;i<data.length;i++){
            data[i].first_name='<a class='ttip' title="'+ data[i].first_name +'">'+ first_name+'</a>';
            // or whatever you want to do.
        }
    }
    dataStore = new Store({ data: data.items });
    ...
    ...
    ...
});
$(".ttip").tooltip();
{
    id:'user_name',
    field: '_item',
    ...
    formatter: function(item) {
        return "<div title='"+item.first_name+" "+item.last_name+"'>"+item.user_name+"</div>";
    },
}