extjs - 网格中的行选择不起作用

Question

我有一个网格，并且有 2 列Name, Age。此网格中有几行（如 20-30 条记录）。现在，当我单击一行时，我需要获取人员的名称并将其显示在标签上。

我想，如果我使用getRowClass: function(record, rowIndex, rowParams, store)我可以获得所选行值的详细信息。但是，这是行不通的。有人能帮我吗 ？

 xtype: 'gridpanel',
                            height: 500,
                            width: 800,
                            title: 'Person Grid',
                            store: 'Person',

                            viewConfig: {
                                getRowClass: function(record, rowIndex, rowParams, store) {
                                    console.log("Print the selected row data and set to label");
                                    console.log(record);
                                    console.log(rowIndex);
                                    console.log(rowParams);
                                }
                            },
                            columns: [ .....

Answer 1

您在这里所做的实际上是在更改渲染这些单元格的方式。所以当你的网格被渲染时，基本上getRowClass每一行都会被调用一次。

您需要收听网格selectionchange并在那里获得选定的行。

Answer 2

如果我理解你可以使用这个：

yourGrid.getSelectionModel().on('selectionchange', function(grid, model, object) {
    var model = model[0].data;
    yourPanel.getForm().findField('fieldName').setValue(model.name);

});

yourPanel是包含该字段并假设该字段在表单中的面板。