ExtJs简介

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

ExtJs最开始基于YUI技术,由开发人员Jack Slocum开发,通过参考Java Swing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术 的精品。以下是一些应用截图,让我们领略下ExtJs的强大和魅力吧。 ext项目效果预览:

ExtJS 2.0官方实例目录

将会按照ExtJs2.02的例子的分类来完成,并保证所有的例子均可以运行.
教程将会在2008-04-21开始,每周更新。更新后的颜色将会变成蓝色,并且可以点击!
本系列教程已于 2008-06-30 全部更新完毕,并将 实例讲解目录 更改为 在线实例目录.
于 2008-07-01 将 在线实例目录 更改为 官方实例目录.

ext2.0 主体皮肤 (xtheme-black)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-black.css");

或者
<link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-black.css" />

引用这个CSS就可以了.

截图:

ext2.0 主体皮肤 (xtheme-darkgray)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-darkgray.css");

或者
<link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-darkgray.css" />

引用这个CSS就可以了.

截图:

ext2.0 主体皮肤 (xtheme-olive)

安装方法:
把你所下载的ZIP文件解压后复制并替换resources文件夹下的内容。这样就加入了一种皮肤。如果需要在项目中用到这种皮肤。
引用方式为:

Ext.util.CSS.swapStyleSheet("theme", "../../resources/css/xtheme-olive.css");

或者
<link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-olive.css" />

引用这个CSS就可以了.

截图:

聚合内容