Extjs Ext js-将网格值传递到下面的选项卡/网格面板

我带着另一个问题回来了。。。我有一个页面，上面有一个网格面板（带单元格编辑），下面有一个选项卡式面板，每个选项卡内有一个对不同网格面板的调用

我的问题是，当用户在顶部面板中从一行单击到另一行时，我试图使选项卡中的网格面板发生更改。。。我知道这可能是侦听器/处理程序的问题，但我很难找到一个有效的示例

首先，这里是顶部网格面板的代码（我认为监听器/处理程序需要在这里：

var pluginExpanded = true;
var grid = Ext.create('Ext.grid.Panel', {
    height: 350,
    width: 700,
    title: 'Manufacturer URL Listing with info',
    store: store,
    tools: [{
        type: 'save',
        tooltip: 'Save Data',
        // hidden:true,

        handler: function (event, toolEl, panel) {
            // refresh logic
            //rowEditing.cancelEdit();
            var sm = grid.getSelectionModel();

            Ext.Msg.show({
                title: 'Update Data',
                msg: 'Are you sure you want to update the item information?',
                buttons: Ext.Msg.YESNO,
                icon: Ext.Msg.QUESTION,
                fn: function (btn) {
                    if (btn === 'yes') {
                        store.update();
                        //store.sync();
                        store.load();
                        //Ext.getCmp(grid).getView().refresh();
                    }
                }
            });
        }
    }],
    columns: [{
        dataIndex: 'id',
        flex: 1,
        text: 'ID',
        hidden: true
    }, {
        dataIndex: 'part_no',
        flex: 1,
        text: 'Part Number',
        editor: 'textfield'
    }, {
        dataIndex: 'tddb_retail',
        flex: 1.3,
        text: 'TD Retail',
        editor: 'textfield'
    }, {
        dataIndex: 'tddb_jobber',
        flex: 1.3,
        text: 'TD Retail',
        editor: 'textfield'
    }, {
        dataIndex: 'tddb_descr',
        flex: 1,
        text: 'Description',
        editor: 'textfield'
    }, {
        dataIndex: 'tddb_category',
        flex: 1,
        text: 'Category',
        editor: 'textfield'
    }, {
        dataIndex: 'tddb_subcategory',
        flex: 1,
        text: 'Sub Category',
        editor: 'textfield'
    }, ],
    forceFit: true,
    selType: 'cellmodel',
    plugins: [
    Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    })],

    //paging bar
    bbar: Ext.create('Ext.PagingToolbar', {
        store: store,
        pagesize: 15,
        displayInfo: true,
        displayMsg: 'Displaying items {0} - {1} of {2}',
        emptyMsg: "No items to display",
    }),

    renderTo: Ext.getBody(),
});

完整代码（包括此处的制表符/第二个网格）：

---

非常感谢您的帮助！我喜欢StackOverflow！！！

您的问题不太清楚，但我想您需要这样的帮助：

//var tabPanel = Ext.create('Ext.tab.Panel', {
grid.on({
    selectionchange: function (s, sel, e) {
        tabPanel.setActiveTab(sel[0].data.index);
    }
})

//var tabPanel = Ext.create('Ext.tab.Panel', {
grid.on({
    selectionchange: function (s, sel, e) {
        tabPanel.setActiveTab(sel[0].data.index);
    }
})