码迷,mamicode.com
首页 > Web开发 > 详细

extjs之引用和体验

时间:2015-03-05 23:39:10      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

    本次引用的extjs版本为5.0,目前最高版本为5.1,大家可以在http://extjs.org.cn/中下载相应的版本,下载下来的有很多文件,先来看看我们需要引用那些文件已经相应的作用,其它的不多说了,先来看看如何引用extjs到项目中吧。

1.首先将下载下来的部分文件复制到项目中

技术分享

      ext-all.js:是所有控件库文件,是核心脚本文件

      ext-aria包:主要是为改进了程序的一些可访问性,新版本增加的,暂时用不到

      ext-locale包:本地化语言包,我们只保留里面的ext-locale-zh_CN.js,这个是简体中文语言包

      后面的几个包文件,主要是extjs的一些主题包,可以根据需要引用相应的主题包

2.extjs的体验

   创建一个index.jsp的页面,打开弹出窗口显示内容,并引用extjs相应的文件,如下:

 1 <html>
 2   <head>
 3     <title>My JSP ‘index.jsp‘ starting page</title>
 4     <script type="text/javascript" src="res/ext-5.0-min/packages/ext-all.js"></script>
 5     <script type="text/javascript" src="res/ext-5.0-min/packages/ext-locale/ext-locale-zh_CN.js"></script>
 6     <link type="text/css" href="res/ext-5.0-min/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" rel="stylesheet" />
 7       <script type="text/javascript">
 8           Ext.onReady(function(){
 9               Ext.MessageBox.alert("提示","Welcome to my website");
10           });
11       </script>
12   </head>
13   <body>
14   </body>
15 </html>

 显示效果如下

技术分享

 

extjs之引用和体验

标签:

原文地址:http://www.cnblogs.com/jameszbp/p/4316926.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!