ExtXL快速入门

1.从 extjs.com 或 openext.sf.net下载 Ext2,我们需要从压缩包中取出3个基础文件(或目录):
        文件 ./adaptor/ext/ext-base.js
        文件 ./ext-all.js
        目录 ./resources
        在HTML页面的头部引入ExtJS基础类库和样式表：

<link rel="stylesheet" type="text/css" href="../lib/resources/css/ext-all.css" />
<script type="text/javascript" src="../lib/ext-base.js"></script>
<script type="text/javascript" src="../lib/ext-all-debug.js"></script>

2.下载最新的ExtXL包,我们只需要包中的./dist/ExtXL.js文件. 在ExtJS类库代码的下面引入ExtXL类库:

<script type="text/javascript" src="../dist/ExtXL.js"></script>

3.编写ExtXL组件widgets.例如,我们要创建一个标题为"Register"的面板:

<span ext:xtype="panel" ext:title="Register">
	<xml xmlns="http://extxl.sourceforge.net">
		<content>HTML content</content>
	</xml>
</span>

4.在HTML页面的最后手动初始化ExtXL:

<script type="text/javascript">
Ext.onReady(function(){
	ExtXL.markAll();
});
</script>

页面显示如下:

只需四步即可使用ExtXL: