在Extjs中动态增加控件

来源：互联网发布：2016方舟生存进化优化编辑：程序博客网时间：2024/06/02 23:05

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

0 0