管它三七二十一,先写个hello world来体会一下ExtJs,次hello world前提是先现在ExtJs的开发包,此包的下载参考
下载
不过我把需要运行此helo world的几个js文件都打包上传分享给大家。
测试文件的主页面内容大致如下:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="ext-all.css" />
- <script type="text/javascript" src="ext-base.js"></script>
- <script type="text/javascript" src="ext-all.js"></script>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>http:
- </head>
- <body>
- <div id="id2" style="border:1px solid red;height:200px;width:200px;">id2的范围,请用mouse 左键点击</div>
- </body>
- </html>
- <script>
- var t=Ext.get('id2');
- t.center();
- t.on('click',function(){
- alert("dfsdfsd");
- t.highlight();
- },this,
- {single: false,
- delay: 100}
- );
- </script>
希望大家跟我一起分享学习计划,附件是整个程序包
附件下载: