extjs2.02 table布局下无法动态添加控件

Ext.onReady(function() {
var form = new Ext.form.FormPanel({
id: "testForm",
renderTo: "windowDiv",
width: "700",
autoHeight: true,
layout: "table",
layoutConfig: {
columns: 2
},
border: false,
labelWidth: 120,
labelAlign: "right",
items: [{
//colspan: 2,
layout: "form",
border: false,
width: 300,
items: [{
xtype: "textfield",
width: 100,
fieldLabel: "name",
name: "name"
}]
}, {
//colspan: 2,
layout: "form",
border: false,
//width: 300,
items: [{
xtype: "textfield",
width: 100,
fieldLabel: "desc",
name: "desc"
}]
}],
buttons: [{
text: "add field",
handler: function() {
var formPanel = Ext.getCmp("testForm");
formPanel.add({
colspan: 2,
layout: "form",
border: false,
width: 300,
items: [{
xtype: "textfield",
width: 100,
fieldLabel: "password",
name: "password"
}]
});
formPanel.doLayout();
}
}]
});
});
点击按钮后,没有任何反应;
如果布局改为form,就可以加上。
是table布局不允许动态添加吗?

http://bbs.csdn.net/topics/300251481