### Extjs4.0中文学习手册与入门详解
#### 一、Extjs4.0简介与获取
**Extjs4.0**是一款基于JavaScript的开源前端框架，它提供了丰富的用户界面组件和强大的数据处理功能，使得开发者能够快速构建高性能、交互性强的Web应用。对于初学者来说，熟悉Extjs4.0的基础知识是非常重要的。
- **获取Extjs4.0**：
- 官方网站：可以从[http://extjs.org.cn/](http://extjs.org.cn/)获得需要的Extjs发布包及更多支持。
- 下载最新版本的Extjs4.0压缩包，并解压。
- **搭建学习环境**：
- 假设您的开发环境中已安装MyEclipse和Tomcat。
- 在MyEclipse中新建一个Web项目，例如命名为`Extjs4`。
- 将Extjs4.0.7压缩包解压后的所有文件复制到项目根目录下的`WebContent`文件夹中。
- `Examples`目录包含了Ext官方提供的示例程序，其中可能包含PHP代码，如果遇到错误信息可暂时忽略。
- 部署并启动Tomcat服务器。
- 测试环境是否可用：打开浏览器访问`http://localhost:8080/Ext4/index.html`。
- 查看API文档：`http://localhost:8080/Ext4/docs/index.html`
- 查看示例页面：`http://localhost:8080/Ext4/examples/index.html`
#### 二、编写第一个Extjs程序
- **创建Hello World示例**：
- 在`WebContent`目录下新建`helloworld.js`文件，并输入以下内容：
```javascript
Ext.onReady(function(){
Ext.create('Ext.panel.Panel', {
title: 'Hello Ext',
width: 350,
bodyPadding: 5,
items: [{
xtype: 'label',
text: 'Hello! Welcome to ExtJS.'
}]
}).render(document.body);
});
```
- 创建`helloworld.html`文件，并输入以下内容：
```html
Hello ExtJS
```
- 浏览器访问`http://localhost:8080/Ext4/helloworld.html`，如果一切正常，您将看到一个带有标题“Hello Ext”的面板，内容为“Hello! Welcome to ExtJS.”。
- **理解Ext.onReady和Ext.application**：
- `Ext.onReady`：该方法在当前DOM加载完成后自动调用，确保页面内的所有元素都能被脚本引用。示例代码：
```javascript
Ext.onReady(function(){
alert('Hello World!');
});
```
- `Ext.application`：用于定义一个Ext应用的基类，通常用于构建完整的Ext应用。
#### 三、DOM操作与事件响应
- **获取DOM元素**：
- 使用`Ext.get`方法根据ID获取页面上的元素：
```javascript
var myDiv = Ext.get('myDiv');
```
- `Ext.get`返回的是一个`Element`对象，可以直接操作底层DOM节点。
- **选择器**：
- 使用`Ext.select`方法获取具有特定CSS选择器的所有元素：
```javascript
var paragraphs = Ext.select('p');
```
- `Ext.select`返回的是`Ext.CompositeElement`对象，可通过其中的`each()`方法遍历所选元素。
- **事件处理**：
- 给按钮添加单击事件响应：
```javascript
var button = Ext.get('myButton');
button.on('click', function(){
alert('Button clicked!');
});
```
#### 四、Extjs4布局详解
- **Fit布局**：
- Fit布局中，子元素会自动填充整个父容器空间。
- 如果在Fit布局中放置了多个组件，仅显示第一个子元素。
- 示例代码：
```javascript
Ext.create('Ext.window.Window', {
title: 'Fit Layout Example',
layout: 'fit',
width: 400,
height: 300,
items: [
{xtype: 'grid', store: myStore}
]
}).show();
```
- **Border布局**：
- Border布局允许在一个容器内将子组件分成五个区域：北(North)、南(South)、东(East)、西(West)和中心(Center)。
- 每个区域可以包含一个或多个子组件，子组件可以根据布局规则调整其大小和位置。
- 示例代码：
```javascript
Ext.create('Ext.panel.Panel', {
title: 'Border Layout Example',
layout: 'border',
width: 600,
height: 400,
items: [
{xtype: 'grid', region: 'center', store: myStore},
{xtype: 'panel', region: 'west', width: 200, collapsible: true, title: 'Navigation'},
{xtype: 'toolbar', region: 'north', title: 'Toolbar'}
]
}).show();
```
通过以上步骤，您已经完成了Extjs4.0的初步学习，并能够掌握如何搭建开发环境、编写基础示例程序、操作DOM元素、处理事件以及理解不同类型的布局。希望这些基础知识能帮助您更好地探索和学习Extjs4.0。
2024-11-07 08:49:37
2.16MB
1
《LaTeX 完全学习手册第二版》是胡伟先生的力作，这本书全面而深入地介绍了LaTeX这一强大的排版系统。LaTeX，源于TeX，是一种基于TeX的排版系统，广泛应用于科技论文、书籍、报告等文档的编写，尤其在数学公式、图表和专业术语的处理上具有显著优势。
本书作为第二版，相较于第一版，内容得到了大幅度的扩充，从原有的三百多个示例增加到了五百多个，充分展示了LaTeX的多样性和灵活性。这些实例涵盖了从基本的文本编辑、段落格式化，到复杂的表格制作、图形插入、数学公式的排版以及自定义命令和宏包的使用等多个方面，使读者能够逐步掌握LaTeX的精髓。
在字体一章中，作者新增了大量内容，这部分通常包括字体的选择、大小调整、样式变换以及特殊字符的输入。LaTeX支持多种字体和样式，读者可以学习如何根据需要定制文档的视觉效果，如设置正文字体、标题字体，以及如何使用斜体、粗体和下划线等样式。此外，还包括特殊字符，如希腊字母、数学符号的插入，这对于撰写科学论文尤其重要。
LaTeX的另一个核心特点是其强大的自动化功能。通过定义宏，用户可以创建自己的命令，简化复杂的排版任务。例如，定义一个命令来自动插入复杂的数学公式，或者创建一个环境来统一处理特定类型的列表或表格。书中对此进行了详细的讲解，并提供了丰富的实例供读者实践。
此外，本书还深入介绍了如何使用LaTeX与各种图形工具（如TikZ, PSTricks等）结合，创建高质量的图表和图像。对于需要插入图片的用户，书中有指导如何调整图片大小、位置和透明度的方法。
另外，书中的附录可能包含了一些实用的LaTeX资源和工具，如参考手册、常用宏包列表以及在线社区和论坛的信息，这些都是学习和使用LaTeX过程中不可或缺的参考资料。
《LaTeX 完全学习手册第二版》是一本全面且实用的学习LaTeX的宝典，无论你是初学者还是有经验的用户，都能从中受益。通过学习和实践书中的实例，你可以熟练掌握LaTeX的各项技能，从而提高你的文档制作效率和质量。
2024-09-08 00:09:47
48.69MB
1
php学习手册打包(apache2.2中文手册.chm、HTML5.chm、MySQLchm、PHP_manual_zh.chm、PHP编码规范.chm、ThinkPHP完全开发手册.chm)
2023-11-06 09:02:13
12.51MB
1
本书是学习Python编程语言的入门书籍。Python是一种很流行的开源编程语言，可以在各种领域中用于编写独立的程序和脚本。Python免费、可移植、功能强大，而且使用起来相当容易。来自软件产业各个角落的程序员都已经发现，Python对于开发者效率和软件质量的关注，这无论在大项目还是小项目中都是一个战略性的优点。
无论你是编程初学者，还是专业开发人员，本书的目标是让你快速掌握核心Python语言基础。阅读本书后，你会对Python有足够的了解，能够将其应用于所从事的领域中。
2023-11-05 06:02:36
55.23MB
1