javascript - EXTJS:如何根据 Response 中的 a 属性在 TreeGrid 中绘制不同颜色的行？

Question

我正在使用树形网格来显示数据。

问题:如何根据其中一列的值以不同的颜色绘制一行？

我们可能无法使用我们通常在普通网格中使用的行渲染器。我可以使用列渲染从列渲染器内部绘制整行吗？

提前致谢。

Answer 1

可以使用网格面板上的 viewConfig 配置来完成网格面板上的行绘制 -

viewConfig: {
      getRowClass: function(record, rowIndex, rowParams, store) {
                              return record.get('mycls');
                          }
}

但是，我在与 SenchaArchitect 合作时遇到了一个奇怪的问题。默认情况下，树网格面板具有可用的 viewConfig 属性，但当我搜索此属性以添加逻辑时，Sencha 编辑器没有显示它，我最终通过 Sencha 架构师手动添加 viewConfig :{}。这导致我的网格面板实例中有 2 个 viewConfig(一个是我的实现，另一个是默认的)。因此我的 viewConfig 对象被默认的空 viewConfig 对象覆盖，并且我的逻辑从未执行。

为了解决这个问题，我不得不保持肮脏的态度并在 afterRender 函数中实现这个逻辑，如下所示。

Grid.getView().getRowClass = function(record, rowIndex, rowParams, store){ 
    return record.get('mycls');
}

这是 Sencha Architect 中的一个潜在错误。