javascript - 使用meta.tdAttr的网格列渲染器工具提示

Question

我一直在尝试添加一个工具提示，当您将鼠标悬停在 Ext.grid.Panel 中的单元格上时会弹出该工具提示。

但是，列的渲染器函数的参数“meta”没有 tdAttr 属性!

renderer : function(value, meta, record, row, col) {
    if (value == 1 && record.data.state === 'Accepted') {
        meta.tdCls = 'green';
        console.log('value',value);
        console.log('meta',meta);
        console.log('meta.tdAttr',meta.tdAttr);
        console.log('meta.style',meta.style);
        meta.tdAttr = 'data-qtip="' + value + '"';
        return record.data.id;
    } else if (value == 1 && record.data.state === 'Initial Version') {
        meta.tdCls = 'white';
        return record.data.id;
    } else if (value == 1) {
        meta.tdCls = 'red';
        return record.data.id;
    } else {
        return '';
    }
}

示例控制台输出:

value 1 
meta Object {tdCls: "", style: ""} 
meta.tdAttr undefined 
meta.style

我觉得我可能缺少 GridView 或网格面板上的某些设置，但该属性甚至在元参数上不可用似乎很奇怪。来自文档:

元数据:对象 有关当前单元格的元数据的集合；可由渲染器使用或修改。公认的属性有:tdCls、tdAttr 和 style。

Answer 1

我不知道为什么这个设置一开始就不存在，但我手动添加它来解决这个问题:

meta['tdAttr'] = 'data-qtip="' + value + '"';

成功了!