Extjs40学习笔记大全.docx
- 文档编号:6080592
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:29
- 大小:37.97KB
Extjs40学习笔记大全.docx
《Extjs40学习笔记大全.docx》由会员分享,可在线阅读,更多相关《Extjs40学习笔记大全.docx(29页珍藏版)》请在冰豆网上搜索。
Extjs40学习笔记大全
ExtJS4学习笔记
(一)---window的创建
Extjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4中创建一个window。
代码如下:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
Ext.require('Ext.window');
Ext.onReady(function(){
Ext.create('Ext.Window',{
width:
400,
height:
230,
//X,Y标识窗口相对于父窗口的偏移值。
x:
10,
y:
10,
plain:
true,
//指示标题头的位置,分别为top,bottom,left,right,默认为top
headerPosition:
'left',
title:
'ExtJS4Window的创建,头在左'
}).show();
Ext.create('Ext.Window',{
width:
400,
height:
230,
x:
500,
y:
10,
plain:
true,
//指示标题头的位置,分别为top,bottom,left,right,默认为top
headerPosition:
'right',
title:
'ExtJS4Window的创建,头在右'
}).show();
Ext.create('Ext.Window',{
width:
400,
height:
230,
x:
10,
y:
300,
plain:
true,
//指示标题头的位置,分别为top,bottom,left,right,默认为top
headerPosition:
'bottom',
title:
'ExtJS4Window的创建,头在底'
}).show();
varwin=Ext.create('Ext.Window',{
width:
400,
height:
230,
x:
500,
y:
300,
plain:
true,
//指示标题头的位置,分别为top,bottom,left,right,默认为top
headerPosition:
'top',
title:
'ExtJS4Window的创建'
});
win.show();
});