关于extjs的

发布网友发布时间：2022-04-27 09:05

共1个回答

热心网友时间：2022-04-24 20:09

可以绑定grid的data store到form上，然后监听grid的选择事件，当选择一行，将数据赋到form中。

从绑定数据到监听选择事件，都可以在Form定义时实现，主要的代码如下：
var alertForm = new Ext.FormPanel({
id: 'company-form',
frame: true,
labelAlign: 'left',
title: 'Company data',
bodyStyle:'padding:5px',
width: 750,
layout: 'column',
renderTo: alertWin, // 指定Form的显示的位置
items: [{
columnWidth: 0.60,
layout: 'fit',
items: {
xtype: 'grid',
ds: ds, // 绑定Data Store
cm: colModel, // grid的ColumnModel
sm: new Ext.grid.RowSelectionModel({
singleSelect: true,
listeners: { // 监听选择事件
rowselect: function(sm, row, rec) {
Ext.getCmp("company-form").getForm().loadRecord(rec);
}
}
}),
autoExpandColumn: 'company',
height: 350,
title:'Company Data',
border: true,
listeners: {
render: function(g) {
g.getSelectionModel().selectRow(0);
},
delay: 10 // Allow rows to be rendered.
}
}
},{
columnWidth: 0.4,
xtype: 'fieldset',
...
...
具体的可以参考ext-3.0.0\examples\form\form-grid.js