ExtJS入门案例-趣百科

ExtJS入门案例

EXTJS作为一款优秀的js框架，为web开发带来极大的便利。本文初步介绍了ExtJs的入门和开发文档的查看，希望能为喜欢ExtJs的开发者提供一点帮助。

下载extjs-4.1.1.zip和ExtJs4.1.0API中文版V0.4Beta.rar，然后解压。下载地址http://pan.baidu.com/s/1qW1eLkw

打开MyEclipse，新建项目javaweb项目extjs，在项目WebRoot下新建JS文件夹，把extjs-4.1.1文件夹里的ext-all.js复制到项目JS文件夹和resources文件夹复制到项目WebRoot下。

修改index.jsp，改为如下内容

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

extjs入门案例

把项目发布到tomcat,并启动tomcat服务器。

打开浏览器，输入http://localhost:8080/extjs,如果出现如下内容则入门案例开发成功。

打开ExtJs4.1.0API中文版V0.4Beta文件夹，双击index.html,出现如下界面界面。

以Ext.data.TreeStore为例，说明如何查看开发文档。在index.html搜索框输入Ext.data.TreeStore，出现如下界面。configs配置项properties属性methods方法events事件。单击configs，选择root配置项，即可查看root如何配置。

ExtJS入门案例