Javascript Extjs如何在网格面板中渲染后获取指定元素

嗨，我知道这期的标题有点模糊

我有一个网格列，希望实现数据分级。 我使用

renderer

并返回div，但现在我不知道如何获取元素

我的代码如下

{
    text: 'rank',
    dataIndex: 'rank',
    flex: 1,
    tdCls: 'column-rank',
    renderer: function(value) {
        return '<div class=rating>' +
                    '<div data-rating="1"></div>' +
                    '<div data-rating="2"></div>' +
                    '<div data-rating="3"></div>' +
                    '<div data-rating="4"></div>' +
                    '<div data-rating="5"></div>' +
                '</div>'
    }
}

{
文本：“排名”，
dataIndex:'rank'，
弹性：1，
tdCls:'列秩'，
渲染器：函数（值）{
返回“”+
'' +
'' +
'' +
'' +
'' +
''
}
}

我想你应该看看CD上提到的内容

如果您仍然想自己实现分级，我想您必须为其编写自定义组件，使用网格存储中的分级数据设置它，并引用

渲染器中的某一行

如果您仍然希望使用
div
s自行实施评级，您可以执行类似操作来选择
数据评级
divs：

Ext.query('div[data-rating="5"]', myRowComponent.getEl());

函数在调用时传递多个参数。
如文件所述，其中之一是记录。
可以使用此参数提取当前行的记录。您可以像访问模型字段record.get（'fieldName'）一样访问记录字段。
伪代码示例：


renderer:function（值、元数据、记录、行索引、colIndex）{
var fieldValue1=record.get（'fieldName1'）；
返回“”+
''+fieldValue1+''字段+
...
'';
}
使用小部件。您指的是什么元素？在本例中，我希望获得每个数据评级