Question

ExtJs 怎么实现将左侧表中一条数据动态插入到右侧表中

如上图所示，我选择了左侧的树的一个节点，下面有个按钮，选择以后，添加到右侧表中，该如何实现？
var grid = new Ext.grid.GridPanel({

region: 'center',
// Let's put an empty grid in just to illustrate fit layout
border : true,
margins:'3 0 3 3',
cmargins:'3 3 3 3',
cm : new Ext.grid.ColumnModel([{
header : oid,
dataIndex : "oid",
width : 250
},{
header : oidname,
dataIndex : "oidname",
width : 250
},{
header : vendor,
dataIndex : "vendor",
width : 100
}]),
store: new Ext.data.Store({
autoLoad : true,
proxy : new Ext.data.HttpProxy({url : requestContextPath + submitAction + '&method=ajax&operType=eamMgt'}),
reader : new Ext.data.JsonReader({root : 'list'},[
{name : "oid"},
{name : "oidname"},
{name : "vendor"}
]),
baseParams : {
id : eamentityid
}
})

})

Answer 1

大致思路：
//声明好对应grid的Record对象
var ItemRecord = Ext.data.Record.create([
{name:'oid'},
{name:'oidname'},
{name:'vendor'}
]);
//点那个添加按钮时则执行类似如下函数
function addRow2Grid(grid){
var values = Ext.getCmp('your_form_id').getForm().getValues(); //form各字段的name属性要和ItemRecord里对应以便下面赋值。可以先console.log(values);看看值。
var rec = new ItemRecord(values); //实例化Record对象并赋值
//var rec =new grid.store.recordType(values); //试试这种行不,省了提前声明ItemRecord. grid.store.insert(grid.store.getCount(), rec); //插入作为grid最后一行
grid.getView().refresh(); //刷新
}