中文教程

Tutorial:Building Ext From Source(制定自己的EXT版本)

入门

有几种方案可制定Ext,制成裁减过的版本输出。而且这是至关重要的,为什么呢?

Tutorial:Application Layout for Beginners (布局的初级入门)

前准备

本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。

需要些什么?
除ExtJS库本身外,我们还需要两个文件:

applayout.html
applayout.js

Tutorial: Grid组件的简易分页

Grid的分页必须依靠服务端(Server Side)来划分好每一页的数据才可以完成。

本例中的服务端事PHP,数据库是MySQL,用来导出一些随机的数据。下列脚本的作用是,获取我们想要的数据,同时这些数据事已分好页的数据。分页的参数是由Page Toolbar传入的变量limit和start所决定的。

[code]

Manual:Utilities:Function(EXT 内建函数对象)

在JavaScript中,函数是可以带有方法的对象。Ext库提供的扩展会对Function对象——包括内建的函数、你定义的函数,这些都会继承。添加这些的方法能方便地绑定函数到特定的作用域。

作用域的重要性

Manual:Ext Source Overview (EXT 学习原始资料)

入门导向

Manual:Core:Working with JSON (EXT 与json的交互)

JSON处理方法

有一段JavaScript如下:

var obj = {
	prop1: "a0~`!@#$%^&*()-_+={}[]|\\:;\"',.?/",
	prop2: ['x','y'],
	prop3: {
		nestedProp1: 'abc', 
		nestedProp2: 456
	}
}

本文将会讨论如何把一个对象转换为JSON并将其发送到服务器。

使用Ext.urlEncode进行URL编码

Manual:Core:Ext.Ajax 类

Ext.Ajax类是一个简单而清晰的XHR封装器,允许你快速而有效地执行AJAX请求。在本教程中,我们将会讨论除了公共方法request()外,还有怎么使用明文报码(Cleat Text)或解码JSON对象的强大扩展方法。

配置项对象
已经全部归档到Ext.Ajax Class Doc

配置项 类型
url 字符类型 必须的

EXT 的继承 Manual:Intro:Inheritance

Ext提供了这样的一个实用函数 Ext.extend (API 参考) 在EXT框架中实现类继承的机制。这赋予了你扩展任何JavaScript基类的能力,而无须对类自身进行代码的修改(这里通常指的是子类,或是从它继承的,一个基类)扩展Ext组件这是个较理想的方法。

EXT 树的拖放

新0.40版的yui-ext将带有TreePanel 组件。本文会针对该组件讨论一些需要考虑的事情,一些关键的功能,和看看几个例子的执行方式。别犯困,我保证这些例子绝对值得一读!

ext 2.0 Combos 使用指南

这是个简单的例子,只需要简单的解释下,按步就班,从简单到复杂!

例子由两部分组成:lcombo.html 和 lcombo.js.

lcombo.html

Ext 2 Overview (EXT2.0概述,来自官方)

有关重大改变的几个要点

ExtJS学习心得(三)

这里主要讲一下表单的应用:)

一、美化表单:
ExtJS自带的CSS效果可以让表单非常漂亮,
如果你觉自带的这些效果不够漂亮,可以到本站的资源下载专区,下载其他皮肤.
下载地址: [url=http://www.extjs.org.cn/index.php?q=download/]
在使用前先将ext-all.css文件导入页面,然后加入以下代码

[code]






ExtJS学习心得(二)

其实Ext.Ajax的使用并不难,只是当初我一直不清楚如何获取其返回值,搞得郁闷了一阵子,以下是一个比较简单的例子
[code]
1Ext.Ajax.request({
2 url: 'Register.aspx',
3 params: {
4 oper: 'login',
5 LoginEmail:Ext.get('LoginEmail').dom.value,

ExtJS 学习心得(一)

一个偶然的机会,我发现了ExtJS框架,第一次看到其创建出来的效果时,简直兴奋死我啦,呵呵,没想到还有这么漂亮的UI控制,但使用起来却感觉不太爽,其一大缺点就是所带的类库太庞大啦,会比较影响速度,而且帮助文档全部是英文,英文的也还好啦,更重要的是其文档并没有相关的例子,只是列

Ext是什么

ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写 的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。

ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇)

最近园子里有很多朋友关心ExtJS,我最近写了一个项目管理工具用到ExtJS,我结合.NET写了个关于Grid实现的一个实例供需要的朋友参考。
    本实例开发环境是:Windows XP + Sql Server 2005 + IIS6+VS 2008 Beta2(.NET Framework3.5)
    实现步骤:
    1.取数据源

ExtJS与.NET结合开发实例(Grid之新增——Form提交篇)

我们新增记录功能的步骤如下:
    1.新建FORM
      FORM的建立是用ExtJS实现在GridForProjectLists.js文件中的。注意的是,我同时做了个ExtJS的ComboBox
      ComboBox实现:     

EXT调用ASP.NET AJAX WebService

ExtJS与.NET结合开发实例(Grid之批量删除篇)

上接ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇),在此基础上实现批量删除功能。
     实现的步骤如下:

Ext.widgets-grid(2)

Ext.grid.EditorGridPanel
可编辑数据表格
Config {
clicksToEdit : Number    //点几次开始编辑,默认为2
}

方法
EditorGridPanel()
构造,应为 EditorGridPanel(Object config)
startEditing( Number rowIndex, Number colIndex ) : void
stopEditing() : void
开始停止编辑

事件