EXTJS如何获得指定元素呈现在网格面板后

Question

您好我知道这个问题的标题有点模糊。

我有一个网格列并希望实现数据的评价。我用renderer并返回格但现在我不知道拿到的元素。

我的代码如下

{
    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>'
    }
}

Answer 1

我猜你在rating widget如CD提到看一看。

如果你还是想实现你自己的我想您已经评价编写自定义组件它，从网格存储和参考评级数据建立它在一定行renderer。

如果你还是想实现你自己的使用divs等级，你可以做这样的事情，选择data-rating的div：

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

Answer 2

调用时renderer函数传递几个参数。其中之一，如文档中说是创纪录的。您可以使用此参数来提取记录当前行。您可以访问记录的字段，就像你访问模型领域record.get（“字段名”）。实施例的伪代码：

renderer: function(value, metaData, record, rowIndex, colIndex) {
  var fieldValue1 = record.get('fieldName1');
  return '<div class=rating>' +
            '<div data-rating="1">' + fieldValue1 + '</div>' +
            ...
          '</div>';
}