去官网下载extjs4.1.1版本,下载地址:http://extjs.org.cn/node/558。此版本相对于之前的版本目录结构发生了一些变化,没有了adapter目录.
一、目录结构如下图:
<!--StartFragment -->
build:文件夹下有一个sdk.jsb3文件,这个文件用于eclipse中spket插件,可以实现ExtJs的代码提示功能;
builds:压缩后的ExtJS代码,体积更小,更快;
docs:开发文档;
examples:官方演示示例;
locale:多国语言资源文件;
pkgs:ExtJS各部分功能的打包文件;
resource:ExtJS所需要的CSS与图片文件;
src:未压缩的源代码目录;
bootstarp.js:ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js;
ext-all.js:ExtJS核心库,需要引用;
ext-all-debug.js: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
我们在进行Ext开发的时候只需将ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目的ExtJs4(名字随便起)文件夹里。
三、页面引用及实例
1.引入Ext的extjs-4.1.1/resources/css/ext-all.css
2.引入ExtJS的核心库extjs-4.1.1/ext-all.js或者extjs-4.1.1/ext-all-debug.js
3.引入ExtJS的核心库extjs-4.1.1/locale/ext-lang-zh_CN.js
4.引入自己写的实现本页面功能的JS.
index.jsp
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<!-- ext的样式文件 -->
<link rel="styleSheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<!-- extjs的核心文件 -->
<script type="text/javascript" charset="utf-8" src="extjs/ext-all-debug.js"></script>
<!-- 国际化文件 -->
<script type="text/javascript" charset="utf-8" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="test.js"></script>
</head>
<body>
</body>
</html>
test.js
Ext.onReady(function() {
var win = Ext.create('Ext.window.Window',{
id:'win',
title:"aaa",
height:300 ,
width:300,
html:"我是一个窗口",
renderTo:Ext.getBody()//渲染在index.jsp的body上,没有这句不会显示
});
win.show();
});
相关推荐
标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...
API文档详尽地解释了每个组件、工具和函数的用途、参数和返回值,帮助开发者快速理解和使用框架。 2. **组件模型**: ExtJS 4.1引入了一种更加强大的组件模型,允许开发者构建复杂的用户界面。这个模型基于MVC...
extjs4.1的中文文档,可以方便查看API
ExtJs4.1 正式版,考虑到官网速度慢,放上来服务大家!
Extjs 4.1中文版api,非常难得的一款4.1的中文api,值得大家收藏
ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...
Extjs4.1中文API.chm
ExtJS 4.1 中文版API [脚本娃娃---开源文档翻译组]历时一年多完整翻译。 在此友情扩散下载,非常完整详细! 学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习!
extjs4.1修改bug版本,已修改数字、日期等多个控件的问题
标题"extjs4.1所需包"指的是这个压缩包包含了ExtJS 4.1版本开发所需的全部或部分核心文件和资源。 在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们...
总结,本案例"ExtJS4.1实现的mvc模式经典入门案例"旨在帮助新手理解如何在ExtJS中使用MVC模式构建应用。通过模型管理数据,视图展示数据,控制器处理用户交互,以及存储与服务器通信,开发者可以构建出复杂且易于...
学习EXTJS 4.1 Beta,开发者应关注官方文档,理解API的改变和新增功能,同时通过实践编写代码来熟悉新版本的使用。此外,加入EXTJS社区,与其他开发者交流经验,可以帮助更快地掌握EXTJS 4.1的精髓。 总的来说,...
100行代码解决ExtJs4.1合并单元格问题
ComboBox用于展示树状结构的选项,而Tree Panel则负责加载和显示实际的树形数据。 ```javascript var treeCombo = Ext.create('Ext.form.ComboBox', { fieldLabel: '连锁总店', queryMode: 'local', editable: ...
使用EXTJS 4.1皮肤的步骤通常包括以下几步: 1. **导入皮肤**:将压缩包中的皮肤文件解压,并确保它们位于EXTJS库的正确目录下,通常是resources/skins目录。 2. **设置皮肤**:在应用程序配置中指定要使用的皮肤...
学习ExtJS必备的帮助文档,而且对其中的API进行了汉化,更有利于ExtJS的学习。
无需积分,ExtJs权威指南第一部分(ExtJs4.1),请两部分都下载完成后解压
extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1
ExtJS 4.1中文API离线版是一个全面的文档集合,专为JavaScript开发者设计,特别是那些使用ExtJS 4.1框架构建富客户端应用程序的人。这个离线版包含了所有必要的资源,允许开发者在没有互联网连接的情况下查阅和学习...
EXTJS4.1API中文版,适合于4.x各版本通用,简单易懂,对于英语能力不是非常好的开发者可以借鉴。