Ext_window组件（一）

最新推荐文章于 2016-11-28 14:13:12 发布

JAVA破局之路

最新推荐文章于 2016-11-28 14:13:12 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

分类专栏：前端-Javascript

本文链接：https://blog.youkuaiyun.com/qq_24549805/article/details/52685156

前端-Javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用 ExtJS 创建模态窗口的具体实例，包括窗口的基本配置如位置、大小、滚动条设置等，并展示了如何通过代码初始化及显示该窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.onReady(function(){
	Ext.create('Ext.window.Window', {
	    title: '我是title',
	    height: 200,  //Number型  也可以是字符串类型  width:'60%'
	    width: 400,
	    layout: 'fit',
	    //constrain: true, 		//闲置窗口不超出浏览器
	    constrainHeader:true, 	//标题不能超出浏览器边界
	    modal: true,			//设置模态窗口
	    plain:true, 			//窗口设置透明背景
	    //icon:'', 				//图标路径
	    //iconCls:'',			//图标样式
	    x:50,					//设置窗口左上角位置 （xy都是小写）
	    y:50,
	    html:'<div style = "height:100px">我是第一个div</div><div style = "height:200px">我是第一个div</div>',
	    autoScroll:true //显示滚动条
	   /* items: {  // Let's put an empty grid in just to illustrate fit layout
	        xtype: 'grid',
	        border: false,
	        columns: [{header: 'World'}],                 // One header just for show. There's no data,
	        store: Ext.create('Ext.data.ArrayStore', {}) // A dummy empty data store
	    }*/
	}).show();
})