javascript - extjs3.4 gridpanel rowselect 事件不起作用

Question

我有一个网格面板，我正在使用 ExtJS 3.4 。我想选择一行，然后当我单击更新按钮时，所选行的值必须填充在窗口中。我尝试使用 rowselect 和 rowclick 事件，但这两个事件都不起作用。有人可以告诉我该怎么做吗？

另外，如何将分页工具栏对齐到屏幕底部？

this.grid= new Ext.grid.GridPanel({
                    layout: 'fit',
                    //autoHeight: true,
                    height: 556,
                    store: store,
                    columns:[
                           {header: "Book Name", dataIndex: 'bookName'},
                           {header: "Author Name", dataIndex: 'authorName'}
                           ],
                    sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
                    bbar: new Ext.PagingToolbar({
                           store: store,  // grid and PagingToolbar using same store
                           displayInfo: true,
                           pageSize: pgSize
                        }),
                    listeners:{
                        'rowselect': function(){ 
                                alert("Here");
                        } 
                    }
        }); 

Answer 1

使用getSelectionModel函数获取网格所选行的引用

示例 fiddle :https://fiddle.sencha.com/#fiddle/e5l

还有bbar配置应该在面板底部显示工具栏，不确定您面临什么问题..