ext js 传入行号后grid自动选中

Posted 2023-05-17

现在想做同一store两个grid的联动，即选中第一个Grid的第N行（该行点击后变成蓝色），第二个grid中也自动选中第N行（该行自动变成蓝色），有这个方法吗？求问！！！注意不是选中行得行号，是根据行号选中行

在一个gridpanel中添加listeners属性，监听rowclick事件，在这里选择第二个gridpanel对应行

var grid=new Ext.grid.GridPanel(
  el:'tree',
  cm:cm,
  tbar:['->',btnCoalition2, '', ''],
  store : ds,
  listeners:
    rowclick:function(grid,rowIndex,e)
grid2.getView().refresh();
grid2.getSelectionModel().selectRow(rowIndex);//选中
//grid2.getView().getRow(rowIndex).style.backgroundColor = '#87CEFA';设置颜色
    
  
);

参考技术A

首先说，肯定是有的

var grid1, grid2;
//取得第一个表格的选中行记录
var record = grid1.getSelectionModel().getSelection();
//让第二个表格选中第一个表格的记录
for(var i=0;i<record.length;i++)
    grid2.getSelectionModel().select(record[i]);

具体代码，我还没有测试过，是根据官方api写的

Ext.grid.ColumnModel 最小宽度和自动调整列大小

【中文标题】Ext.grid.ColumnModel 最小宽度和自动调整列大小

【英文标题】：Ext.grid.ColumnModel minimum width and auto resize column

【发布时间】：2013-11-01 10:07:34

【问题描述】：

如何在Ext.grid.ColumnModel 中设置最小宽度？另外，是否有自动调整内容长度列的任何属性？

【参考方案1】：

您可以为网格中的所有列设置minColumnWidth（这是网格配置选项）。

您可以使用autoExpandColumn 设置一列来调整其大小。对于该列，您还可以设置 autoExpandMin 和 autoExpandMax 来限制它的最大/最小宽度。