在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;
            }
        }