javascript - 如何以编程方式更改 gridpanel 单元格的 css

Question

我有两个不同的网格面板，在我的代码中，每当 Grid1 中的一个单元格的值发生变化时，我希望能够更改 Grid2 中某些单元格的值， 如何从 Grid1 中更改第二个网格的 css。

以下内容允许我更改 Grid2 中整行的 css，但我需要能够更改 Grid2 行:2、第 3 列的单元格的 css

var Grid2Store= Ext.data.StoreManager.get("MainComparisonStore");
Grid2.getView().addRowCls(Grid2Store.getAt(2), 'orange-bar');

Answer 1

获取该元素，您可以使用cellElement.addCls('orange-bar');。请参阅Ext.dom.Element.addCls()文档。我整理了一个jsFiddle给你看一个例子。只需单击网格工具栏中的“测试”按钮即可。

这是完成这项工作的代码。已通过硬编码将类添加到第 1 列第 1 行。

var grid = Ext.getCmp('myGrid');
var column = grid.columns[1];
var record = grid.store.getAt(1);
var cell = grid.getView().getCell(record, column);
cell.addCls('orange-bar');

Here (Sencha Forum)是关于如何获得细胞的一些讨论。这就是我用来整理我的示例的内容。您可以看到如何非常轻松地创建像 getCell(rowIndex, columnIndex) 这样的助手。