在Extjs中动态增加控件

Ext.onReady(function () {
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';

var autoloadcontrol =new  Ext.form.FieldSet({
layout: "column",
title: "属性表单",
})
var addForm = new Ext.FormPanel({
title: "<div align='center'>产品属性管理</div>",
id: "addForm",
name: "addForm",
renderTo: Ext.getBody(),
autoHeight: true,
autoWidth: true,
labelWidth: 80,
frame: true,
items:  autoloadcontrol,
bbar: [{
xtype: "button",text:"addform", listeners: {
"click": function () {
Ext.Ajax.request({
url: "/PropertyManage/ProductPropertyInfo.aspx",
params: {  op: "test" },
success: function (response) {
//后台得到字符串
autoloadcontrol.add(eval(response.responseText))
autoloadcontrol.doLayout();   //用来刷新FormPanel
},
})
}
}
}]

});
});

protected void Page_Load(object sender, EventArgs e)
{
switch (Request["op"])
{
case "test":
Response.Write("new Ext.form.TextField({filedLabel:'标题',emptyText:'请输入内容',allowBlank:false,maxLength:50})");
Response.End();
break;
}
}