Ext4自学手册-EXT文件目录,本地加载文档,命名规范
2013-04-20 11:21
387 查看
1.从http://www.sencha.com/products/extjs
下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。
2.解压缩文件,得到以下目录
![](http://pic002.cnblogs.com/images/2012/306871/2012032717374357.jpg)
docs目录中是说明文档
examples目录中是EXTJS的例子
locale目录中是本地化文件
resources目录中是样式文件
src目录中是EXTJS控件文件
3.使用EXTJS4
在页面头部,引用EXTJS样式文件,EXTJS文件,本地化文件
注:EXTJS文件的区别:
ext-all.js:包含所有的EXTJS框架文件,已经混淆
ext-all-debug.js:包含所有的EXTJS框架文件,没有混淆
ext-all-dev.js:包含所有的EXTJS框架文件,没有混淆,且包含调试信息
ext.js:仅包含能让EXTJS运行的最小集合,已经混淆
ext-debug.js:仅包含能让EXTJS运行的最小集合,没有混淆
ext-dev.js:仅包含能让EXTJS运行的最小集合,没有混淆,且包含调试信息
bootstrap.js:自动加载ext-all.js或者ext-all-debug.js,在以下情况下会加载ext-all-debug.js
1.当前主机名是本地
2.当前主机是使用IPV4地址
3.Current protocol is a file(不好意思,我不知道怎么翻译,请会的朋友说一下)
4.其他情况下自动加载ext-all.js
4.具体实例:
效果
![](http://pic002.cnblogs.com/images/2012/306871/2012032718160466.jpg)
5.智能提示:
在visual studio 2010中,只要在页面引用了EXTJS文件(bootstrap.js除外),就会出现智能提示,在js文件中,先引用ext.js文件,就会出现智能提示
6.命名规范
类名如果有多段构成,第一段的首字母大写,最后一段的首字母大写,中间的字母小写
例子:
下载最新的EXTJS框架文件,最像的版本为EXT-4.0.7-GPL,此版本在IE7/IE8下面运行效率不高,在EXT-4.1中会解决。
2.解压缩文件,得到以下目录
![](http://pic002.cnblogs.com/images/2012/306871/2012032717374357.jpg)
docs目录中是说明文档
examples目录中是EXTJS的例子
locale目录中是本地化文件
resources目录中是样式文件
src目录中是EXTJS控件文件
3.使用EXTJS4
在页面头部,引用EXTJS样式文件,EXTJS文件,本地化文件
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>学习EXTJS4</title> <!--EXTJS样式文件--> <link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/> <!--EXTJS文件--> <script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script> <!--EXTJS本地化文件,会将EXTJS中的提示信息等自动转换为简体中文--> <script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script> </head>
注:EXTJS文件的区别:
ext-all.js:包含所有的EXTJS框架文件,已经混淆
ext-all-debug.js:包含所有的EXTJS框架文件,没有混淆
ext-all-dev.js:包含所有的EXTJS框架文件,没有混淆,且包含调试信息
ext.js:仅包含能让EXTJS运行的最小集合,已经混淆
ext-debug.js:仅包含能让EXTJS运行的最小集合,没有混淆
ext-dev.js:仅包含能让EXTJS运行的最小集合,没有混淆,且包含调试信息
bootstrap.js:自动加载ext-all.js或者ext-all-debug.js,在以下情况下会加载ext-all-debug.js
1.当前主机名是本地
2.当前主机是使用IPV4地址
3.Current protocol is a file(不好意思,我不知道怎么翻译,请会的朋友说一下)
4.其他情况下自动加载ext-all.js
4.具体实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>学习EXTJS4</title> <!--EXTJS样式文件--> <link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css"/> <!--EXTJS文件--> <script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all.js"></script> <!--EXTJS本地化文件,会将EXTJS中的提示信息等自动转换为简体中文--> <script type="text/javascript" src="ext-4.0.7-gpl/ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> <!--在页面加载完成后调用JS代码--> Ext.onReady(function(){ <!--弹出提示信息框--> Ext.Msg.alert('提示信息','学习EXTJS') }); </script> </head> <body> </body> </html>
效果
![](http://pic002.cnblogs.com/images/2012/306871/2012032718160466.jpg)
5.智能提示:
在visual studio 2010中,只要在页面引用了EXTJS文件(bootstrap.js除外),就会出现智能提示,在js文件中,先引用ext.js文件,就会出现智能提示
6.命名规范
类名如果有多段构成,第一段的首字母大写,最后一段的首字母大写,中间的字母小写
例子:
![](http://pic002.cnblogs.com/images/2012/306871/2012040221243218.jpg)
相关文章推荐
- EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范
- EXTJS4.0 EXT文件目录,本地加载文档,命名规范
- 【IOS 开发】UIWebView 加载本地文件,多层的网页目录结构失败分析和解决,以及demo
- java使用递归算法实现加载本地磁盘的文件目录和文件
- 代码的文件和路径命名规范和目录结构规划
- 拯救你的电脑之文件命名规范与目录规划
- iOS开发:通过UIWebView加载读取本地文件(word文档)
- ubuntu下如何使用sshfs加载远程服务器目录到本地文件系统
- 利用Python的 with open功能加载读取py本地当前目录文件问题
- 网页html制作目录文件及CSS命名规范总结
- 第4章 处理用户输入与显示数据------------(创建本地临时文件、在/temp中创建临时文件、创建临时目录、tee命令)
- 保存网页文件目录中所有文件到本地
- 《从零开始学Swift》学习笔记(Day 57)——Swift编码规范之注释规范:文件注释、文档注释、代码注释、使用地标注释
- 调用webapi 错误:使用 HTTP 谓词 POST 向虚拟目录发送了一个请求,而默认文档是不支持 GET 或 HEAD 以外的 HTTP 谓词的静态文件。的解决方案
- java用流读取本地目录下的文件
- 0day-java load dynamic library from any path(java加载任意目录库文件)
- Res目录下资源如图片文件和xml文件资源如何被加载显示出来
- 利用Linux的文件命名规范在Windows中建立“高权限”文件
- net9:磁盘目录文件保存到XML文档及其XML文档的读写操作,以及绑定XML到treeview
- ubuntu---从网页上下载文件到当前目录 和 从本地上传文件到当前目录