EXT.JS 弹窗

最新推荐文章于 2021-04-19 16:49:15 发布

tyt1002

最新推荐文章于 2021-04-19 16:49:15 发布

阅读量648

点赞数

分类专栏： JS 文章标签： extjs window

本文链接：https://blog.csdn.net/tyt1002/article/details/108998783

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

var win = Ext.create("Ext.window.Window", {
			    id: "myWin",
			    title: "示例窗口",
			    width: 500,
			    height: 300,
			    layout: "fit",
			    maximizable :true, // 显示bai最大化按钮在右上角
			    items: [
			        {
			            xtype: "form",
			            defaultType: 'textfield',
			            defaults: {
			                anchor: '100%',
			            },
			            fieldDefaults: {
			                labelWidth: 80,
			                labelAlign: "left",
			                flex: 1,
			                margin: 5
			            },
			            items: [
			                {
			                    xtype: "container",
			                    layout: "hbox",
			                    items: [
			                        { xtype: "textfield", name: "name", fieldLabel: "姓名", allowBlank: false },
			                        { xtype: "numberfield", name: "age", fieldLabel: "年龄", decimalPrecision: 0, vtype: "age" }
			                    ]
			                }
			            ]
			        }
			    ],
			    buttons: [
			        { xtype: "button", text: "确定", handler: function () { this.up("window").close(); } },
			        { xtype: "button", text: "取消du", handler: function () { this.up("window").close(); } }
			    ]
			});