如何以编程方式更改gridpanel的单元格的CSS

Question

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

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

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）一样帮助你。