在Extjs中动态增加控件

最新推荐文章于 2021-06-15 22:28:09 发布

SucreLiu04

最新推荐文章于 2021-06-15 22:28:09 发布

阅读量934

点赞数

分类专栏： ExtJS 文章标签： c# extjs 布局

ExtJS 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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