ExtJS 无限网格样式

Question

我正在尝试使用 ExtJs v5.1.0 为 ExtJS 网格的行设置样式，我想知道是否可以设置行的样式并使该样式保持绑定到 <tr> 元素或记录甚至当我滚动并滚动回到我的行时。

更简单的说法是：滚动离开样式行会删除该行的自定义样式。无论如何要防止这种情况？可能是 BufferedStore 会话？提前谢谢你。

Answer 1

您必须在某处记录有关列状态的信息。我已经回答了一个类似的问题，你必须对你的行样式做类似的事情，并且可能 beforeprefetch 和 prefetch 事件中的 save/restore 状态。

Answer 2

不要直接设置行的样式。相反，将您的网格视图配置为具有自定义 getRowClass 方法。

Ext.create('grid', {
  viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store){
      return record.get("valid") ? "row-valid" : "row-error";
    }
  }
})

ExtJS 无限网格样式

ExtJS infinite Grid styling

extjs

extjs5