Extjs网格面板行单击

Question

I have a two GridPanel namely: 'grid1' and 'grid' under my mainPanel. Now, whenever I clicked or select a data in my 'grid1' panel, I want that data to appear also in my 'grid' panel and that is my problem.

This is what I've tried so far:

     var grid1 = new Ext.grid.EditorGridPanel({
                id: 'editorgrid',
                store: store1,
                title: 'Animals',
                cm: cm1,

                width: 400,
                anchor: '100%',
                height: 700,

                frame: true,
                loadMask: true,
                waitMsg: 'Loading...',
                clicksToEdit: 1,
                tbar: [
                'Animals Unit  : ', '-',               
                {
                xtype: 'combo',
                name: 'animal_combo',
                id:'cboAnimal',
                anchor: '90%',
                allowBlank: false,
                editable: false, 
                forceSelection: true,
                triggerAction: 'all',
                mode: 'remote',
                store: new Ext.data.JsonStore({
                    url: '/index.php/getAnimalCombo',
                    root: 'data',
                    totalProperty: 'total',
                    fields: ['id','desc'],
                    params: {start: 0},
                    baseParams: {limit: 25}
                }),
                pageSize: 25,
                displayField: 'desc',
                valueField: 'id',
                minListWidth: 150,
                valueNotFoundText: '',
                width: 150,
                minChars: 1

                },

                '-',

              ],                
            bbar: pager1
            });

              Ext.getCmp('cboAnimal').addListener('select', function(combo, record, index){

                  grid1.getStore().baseParams['animal_id'] = record.get('id');
                  grid1.getStore().load();
                });






               var store = new Ext.data.JsonStore({
                proxy: new Ext.data.HttpProxy({
                        url: '/index.php/getContent'

                    }),
                    root: 'data',
                    pruneModifiedRecords: true,
                    totalProperty: 'total',
                    baseParams: {limit: 25},
                    autoLoad: {params: {start: 0}},
                    fields: ['id','animals'],
                    sortInfo: {field:'id', direction:'ASC'}

            });


                var grid = new Ext.grid.EditorGridPanel({
                id: 'maingrid',
                store: store,

                cm: cm,

                width: 785.5,
                anchor: '100%',
                height: 700,

                frame: true,
                loadMask: true,
                waitMsg: 'Loading...',
                clicksToEdit: 1,
                bbar: pager
            });

Answer 1

Try this and let me know the result...

// instead of baseParam try to use extraParams
grid1.getStore().proxy.extraParams = {'animal_id': record.get('id')}

Also, please write the error message or what you getting!