Extjs 从网格中选择的行无效
我有一个网格,有两列Extjs 从网格中选择的行无效,extjs,extjs4,extjs4.1,Extjs,Extjs4,Extjs4.1,我有一个网格,有两列Name,Age。此网格中有几行(如20-30条记录)。现在,当我单击一行时,我需要获取该人的姓名并将其显示在标签上 我想,如果我使用getRowClass:function(记录、行索引、行参数、存储)我可以获得所选行值的详细信息。但是,这是行不通的。有人能帮我吗 xtype: 'gridpanel', height: 500, width: 800,
Name,Age
。此网格中有几行(如20-30条记录)。现在,当我单击一行时,我需要获取该人的姓名并将其显示在标签上
我想,如果我使用getRowClass:function(记录、行索引、行参数、存储)
我可以获得所选行值的详细信息。但是,这是行不通的。有人能帮我吗
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: [ .....
您在这里所做的实际上是更改渲染这些单元格的方式。因此,基本上,当网格渲染时,
getRowClass
将为每一行调用一次
您需要收听grid
selectionchange
,并在那里获取所选行。如果我理解,您可以使用以下命令:
yourGrid.getSelectionModel().on('selectionchange', function(grid, model, object) {
var model = model[0].data;
yourPanel.getForm().findField('fieldName').setValue(model.name);
});
yourPanel
是包含字段的面板,并假设该字段位于表单中