gridPanel 添加事件

Question

展现样式如下：
[img]http://dl.iteye.com/upload/attachment/477817/54991c49-5b19-34dc-b34f-687a3b28d7f0.jpg[/img]
[color=red]现在要做的是界面原型，没有后台数据交互。
请问我怎么能做到把formPanel的数据提交的gridPanel中[/color]

Answer 1

写了一个demo 看一下吧

Ext.onReady(function(){
var data = [];
var store = new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:'name'},
{name:'age'}
])
})
var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:false})
var cm = new Ext.grid.ColumnModel([sm,{
header:'Name',
dataIndex:'name'
},{
header:'Age',
dataIndex:'age'
}])
var gridPanel = new Ext.grid.GridPanel({
region:'center',
title:'GridPanel',
sm:sm,
cm:cm,
ds:store,
stripeRows:true
})

var view = new Ext.Viewport({
    layout:'border',
    border:false,
    items:[
    new Ext.form.FormPanel({
        region:'west',
        margins:'5 5 5 5',
        padding:5,
        width:200,
        title:'FormPanel',
        labelWidth:50,
        buttonAlign:'center',
        buttons:[{
            text:'Save',
            handler:function(){
                //关键代码
                var Person = new Ext.data.Record.create([{
                    name:'name',
                    name:'age'
                }]);

                var person = new Person({
                    name:Ext.getCmp("personName").getValue(),
                    age:Ext.getCmp("personAge").getValue()
                });

                gridPanel.getStore().add(person);

            }
        }],
        items:[{
            xtype:'textfield',
            fieldLabel:'name',
            id:'personName',
            name:'name'
        },{
            xtype:'textfield',
            fieldLabel:'age',
            id:'personAge',
            name:'age'
        }]
    }),gridPanel
    ]
})

})

已经测试过的 可以添加