多语言展示
当前在线:392今日阅读:103今日分享:49

ExtJS入门案例

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

extjs-4.1.1.zip

2

ExtJs4.1.0API中文版V0.4Beta.rar

3

MyEclipse或Eclipse

方法/步骤
2

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

3

修改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入门案例                

4

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

5

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

6

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

7

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

推荐信息