Extjs4---window创建

最新推荐文章于 2017-03-23 10:10:05 发布

最新推荐文章于 2017-03-23 10:10:05 发布 · 111 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用ExtJS4中的Ext.create方法快速创建窗口组件，并通过预加载技术提高渲染速度。文中提供了具体示例代码，展示了如何设置窗口大小、位置及样式。

Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染。

<script type="text/javascript">
			//预加载Window，加快了渲染速度
			Ext.require('Ext.Window');
			Ext.onReady(function(){
				Ext.create(
						'Ext.Window',
						{
							width:400, 
						    height:230, 
						    //X,Y标识窗口相对于父窗口的偏移值。 
						    x:10, 
						    y:10, 
						    //true则主体背景透明，false则主体有小差别的背景色，默认为false
						    plain: false, 
						    //指示标题头的位置,分别为 top,bottom,left,right,默认为top 
						    headerPosition: 'top', 
						    title: 'ExtJS4 Window的创建，头上' 
						}
					).show();//显示窗体
				}
			);
		</script>

效果图