Page 2 of 16 </context-param> <!-- 著名 Character Encoding filter --> <filter> <filter-name>encodingfilter</filter-name> <filter-class>org.springframewo

Transcription

1 Page 1 of 16 Hibernate+Spring+Struts2+ExtJS 开发 CRUD 功能 Hibernate+Spring+Struts2+ExtJS 开发 CRUD 功能 1 入门 : 各种开源框架环境及下载 : Hibernate:3.x 需要 hibernate core 和 annotations 包 Spring:2.x Struts2:2.x ExtJS:2.X JSON:JSON 可以到 查看详细内容, 这里使用 json-lib 本所需要的包 : 2 配置 : (1) 首先是配置 web.xml, 配置方法可以在下面的配置文件代码注释中查看, 这里主要是 Struts2 的配置 : <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.filterdispatcher</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> 和 Spring 的配置 : <context-param> <param-name>contextconfiglocation</param-name> <param-value>/web-inf/spring/*.xml</param-value> </context-param> <listener> <listenerclass>org.springframework.web.context.contextloaderlistener</listener-class> </listener> Web.xml 的全部文件 : <?xml version="1.0" encoding="utf-8"?> <web-app id="webapp_id" version="2.4" xmlns=" xmlns:xsi=" xsi:schemalocation=" <display-name>struts2</display-name> <!-- Spring ApplicationContext 配置文件的路径, 可使用通配符 *, 多个路径用, 号分隔, 此参数用于后面的 Spring- Context loader --> <context-param> <param-name>contextconfiglocation</param-name> <param-value>/web-inf/spring/*.xml</param-value>

2 Page 2 of 16 </context-param> <!-- 著名 Character Encoding filter --> <filter> <filter-name>encodingfilter</filter-name> <filter-class>org.springframework.web.filter.characterencodingfilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>utf-8</param-value> </init-param> </filter> <!-- struts2 滤镜配置 --> <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.filterdispatcher</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!--Spring ApplicationContext 载入, 必须 --> <listener> <listener-class>org.springframework.web.context.contextloaderlistener</listenerclass> </listener> <!-- Spring 刷新 Introspector 防止内存泄露 --> <listener> <listener-class>org.springframework.web.util.introspectorcleanuplistener</listener-class> </listener> <!-- session 超时定义, 单位为分钟 --> <session-config> <session-timeout>10</session-timeout> </session-config> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> </web-app> (2)Hibernate 配置 : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE hibernate-configuration PUBLIC "-//Hibernate/Hibernate Configuration DTD 3.0//EN" " <hibernate-configuration> <session-factory> <! - 数据库驱动类名称 --> <property name="hibernate.connection.driver_class">oracle.jdbc.driver.oracledriver</property> <! - 数据库用户名 --> <property name="hibernate.connection.username">my</property> <property name="hibernate.default_schema">my</property> <! - 数据库用户密码 --> <property name="hibernate.connection.password">my</property> <! - 数据库连接字符串 --> <property name="hibernate.connection.url">jdbc:oracle:thin:@localhost:1521:loon</property> <property name="hibernate.dialect">org.hibernate.dialect.oracle9dialect</property> <! - 控制台是否输出 SQL 语句 --> <property name="hibernate.show_sql">true</property> <mapping class="privilege.database.level" /> </session-factory> </hibernate-configuration> (3)Spring 基本配置 : 配置文件应该在 WEB-INF/spring/ 下面 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" " <beans default-autowire="autodetect"> <! 如果用的是 XML 配置文件,sessionFactory 用这个配置 "org.springframework.orm.hibernate3.localsessionfactorybean" --> <bean id="sessionfactory" class="org.springframework.orm.hibernate3.annotation.annotationsessionfactorybean"> <property name="configlocation"> <value>classpath:hibernate.cfg.xml</value> </property> <!-- 配置多个 hibernate.cfg.xml

3 Page 3 of 16 <property name="configlocations"> <list> <value>classpath:hibernate_admin1.cfg.xml</value> <value>classpath:hibernate_admin2.cfg.xml</value> </list> </property> --> <!-- Hibernate 事务管理 --> <bean id="transactionmanager" class="org.springframework.orm.hibernate3.hibernatetransactionmanager"> <property name="sessionfactory" ref="sessionfactory" /> <bean id="basetransactionproxy" class="org.springframework.transaction.interceptor.transactionproxyfactorybean" abstract="true"> <property name="transactionmanager" ref="transactionmanager" /> <property name="transactionattributes"> <props> <prop key="find*">propagation_required,readonly</prop> <prop key="persist*">propagation_required,-exception</prop> <prop key="remove*">propagation_required,-exception</prop> <!-- <prop key="insert*">propagation_required</prop> <prop key="save">propagation_required</prop> <prop key="update*">propagation_required</prop> <prop key="edit*">propagation_required</prop> <prop key="del*">propagation_required</prop> <prop key="get*">propagation_required,readonly</prop> <prop key="query*">propagation_required,readonly</prop> <prop key="display*">propagation_requires_new</prop> --> </props> </property> <bean id="levelservice" parent="basetransactionproxy"> <property name="target"> <bean class="privilege.service.levelservice"> <property name="dao"> <bean class="privilege.dao.leveldao"> <property name="sessionfactory" ref="sessionfactory" /> </property> </property> <bean id="levelaction" class="privilege.action.levelaction"> <property name="levelservice" ref="levelservice" /> </beans> (4)struts.xml 文件的配置 : <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" " <struts> <package name="privilege" extends="struts-default"> <action name="loadlevel" class="levelaction" method="findlevelbyid"> <result>/resource/json_struts2.jsp</result> </action> <action name="levelajaxjsondata" class="levelaction" method="jsonexecute"> <result>/resource/json_struts2.jsp</result> </action> </package> </struts> 3 建立的项目目录 : Root: /resource/ext2.0/ 将下载的 ext-2.0-beta1.zip 文件解压到该目录 /WEB-INF/web.xml /WEB-INF/lib /WEB-INF/classes/struts.xml /WEB-INF/spring/applicationContext.xml 4 代码清单 : Level.java import javax.persistence.column;

4 Page 4 of 16 import javax.persistence.entity; import javax.persistence.id; = "LOON_LEVEL") public class Level implements java.io.serializable { private Long levelid; private String levelname; private String description; public Level() { public Level(Long levelid) { this.levelid = levelid; public Level(Long levelid, String levelname, String description) { this.levelid = levelid; this.levelname = levelname; this.description = "LEVELID", unique = true, nullable = false, precision = 5, scale = 0) public Long getlevelid() { return this.levelid; public void setlevelid(long levelid) { this.levelid = = "LEVELNAME", length = 64) public String getlevelname() { return this.levelname; public void setlevelname(string levelname) { this.levelname = = "DESCRIPTION", length = 256) public String getdescription() { return this.description; public void setdescription(string description) { this.description = description; ILevelDAO.java import java.util.list; public interface ILevelDAO { public Level findlevelbyid(long id); public List<Level> findalllevels(); public void persistlevel(level level); public void removelevel(level level); public void removebyid(long id); LevelDAO.java import java.util.list; import org.hibernate.session; import org.springframework.orm.hibernate3.hibernatecallback; import org.springframework.orm.hibernate3.support.hibernatedaosupport; public class LevelDAO extends HibernateDaoSupport implements ILevelDAO { public LevelDAO() { super(); public Level findlevelbyid(long id) { return (Level) gethibernatetemplate().get(level.class, id); public List<Level> findalllevels() { return gethibernatetemplate().loadall(level.class);//.find("from Level o");// public void persistlevel(level level) { gethibernatetemplate().saveorupdate(level);

5 Page 5 of 16 public void removelevel(level level) { gethibernatetemplate().delete(level); public void removebyid(final Long id) { this.gethibernatetemplate().execute(new HibernateCallback() { public Object doinhibernate(session session) { session.createquery("delete from Level o where o.levelid=" + id + "").executeupdate(); return 1; ); ILevelService.java import java.util.list; public interface ILevelService { public Level findlevelbyid(long id) throws Exception; public List<Level> findalllevels() throws Exception; public List<Level> findlevelsbyexample(level level) throws Exception; public void persistlevel(level level) throws Exception; public void removelevel(level level) throws Exception; public void removelevelbyid(long id) throws Exception; LevelService.java import java.util.list; import privilege.dao.*; import privilege.database.level; import org.springframework.context.applicationcontext; public class LevelService implements ILevelService { private ILevelDAO dao; private static final String SERVICE_BEAN_ID = "LevelService"; public LevelService() { super(); public static ILevelService getinstance(applicationcontext context) { return (ILevelService) context.getbean(service_bean_id); public Level findlevelbyid(long id) throws Exception { return getdao().findlevelbyid(id); catch (RuntimeException e) { throw new Exception("findLevelById failed with the id " + id + ": " + e.getmessage()); public void persistlevel(level level) throws Exception { getdao().persistlevel(level); catch (RuntimeException e) { throw new Exception("persistLevel failed: " + e.getmessage()); public void removelevel(level level) throws Exception { getdao().removelevel(level); catch (RuntimeException e) { throw new Exception("removeLevel failed: " + e.getmessage()); public void removelevelbyid(long id) throws Exception { getdao().removebyid(id); catch (RuntimeException e) { throw new Exception("removeLevel failed: " + e.getmessage()); public void setdao(ileveldao dao) { this.dao = dao; public ILevelDAO getdao() {

6 Page 6 of 16 return this.dao; ExtJSONActionSuport.java 辅助类, 继承了 ActionSupport import com.opensymphony.xwork2.actionsupport; public class ExtJSONActionSuport extends ActionSupport { private int totalcount = 0;// 总数 private transient int start = 0;// 开始数 private transient int limit = 0;// 限制数量 private String jsonstring = ""; public String getjsonstring() { return jsonstring; public void setjsonstring(string jsonstring) { this.jsonstring = jsonstring; public String jsonexecute() throws Exception { return super.execute(); public int gettotalcount() { return totalcount; public void settotalcount(int totalcount) { this.totalcount = totalcount; public int getstart() { return start; public void setstart(int start) { this.start = start; public int getlimit() { return limit; public void setlimit(int limit) { this.limit = limit; LevelAction.java import java.util.list; import java.util.arraylist; import javax.servlet.http.httpsession; import org.apache.struts2.servletactioncontext; import net.sf.json.jsonarray; import privilege.database.level; import privilege.service.*; import commons.utils.action.extjsonactionsuport; public class LevelAction extends ExtJSONActionSuport { private static final long serialversionuid = 1L; private Level level = null; private List<Level> levels = new ArrayList<Level>(0); private ILevelService levelservice = null; private String deldata; public String execute() { return public String jsonexecute() throws Exception { if (this.getdeldata()!= null &&!"".equals(this.getdeldata())) { if (this.getdeldata().indexof(",") < 0) { this.levelservice.removelevelbyid(long.parselong(this.getdeldata())); System.out.println("del_id:" + getdeldata()); else { String id[] = this.getdeldata().split(","); for (int i = 0; i < id.length; i++) { System.out.println("del:" + id[i]); this.levelservice.removelevelbyid(long.parselong(id[i]));

7 Page 7 of 16 HttpSession session = ServletActionContext.getRequest().getSession(); Object o = null;// session.getattribute("level_data1"); if (o == null) { this.levels = this.getlevelservice().findalllevels(); session.setattribute("level_data1", this.levels); System.out.println("query database"); catch (Exception e) { e.printstacktrace(); else { this.setlevels(((list<level>) o)); this.settotalcount(this.levels.size()); JSONArray array = JSONArray.fromObject(this.levels); // System.out.println(this.getStart() + "---" + this.getlimit()); this.setjsonstring("{success:true,totalcount : " + this.gettotalcount() + ", list:" + array.tostring() + ""); // System.out.println(this.getJsonString()); return super.jsonexecute(); /** * Find an entity by its id (primary key). * id The found entity instance or null if the entity does not exist. */ public String findlevelbyid(long id) { this.level = this.getlevelservice().findlevelbyid(id); catch (Exception e) { e.printstacktrace(); JSONArray array = JSONArray.fromObject(this.levels); this.setjsonstring(array.tostring()); return SUCCESS; public String findlevelbyid() { System.out.println(this.level.getLevelid()); this.level = this.getlevelservice().findlevelbyid(this.level.getlevelid()); catch (Exception e) { e.printstacktrace(); JSONArray array = JSONArray.fromObject(this.level); this.setjsonstring(array.tostring()); this.setjsonstring("{success:true,totalcount:1,list:" + array.tostring() + ""); System.out.println(array.toString()); return SUCCESS; /** Return all persistent instances of the <code>level</code> entity. */ public String getalllevels() { this.levels = this.getlevelservice().findalllevels(); catch (Exception e) { e.printstacktrace(); return SUCCESS; /** * Make the given instance managed and persistent. * */ public String persistlevel() {

8 Page 8 of 16 System.out.println(this.level.getLevelid() + "---" + this.level.getlevelname() + "---" + this.level.getdescription()); this.setjsonstring("{success:true"); this.getlevelservice().persistlevel(this.getlevel()); catch (Exception e) { e.printstacktrace(); return SUCCESS; /** * Remove the given persistent instance. * */ public String removelevel() { this.getlevelservice().removelevel(this.getlevel()); catch (Exception e) { e.printstacktrace(); return SUCCESS; /** * Remove an entity by its id (primary key). * * */ public String removelevelbyid(long id) { this.getlevelservice().removelevelbyid(id); catch (Exception e) { e.printstacktrace(); return SUCCESS; public Level getlevel() { return level; public void setlevel(level level) { this.level = level; public List<Level> getlevels() { return levels; public void setlevels(list<level> levels) { this.levels = levels; public ILevelService getlevelservice() { return levelservice; public void setlevelservice(ilevelservice levelservice) { this.levelservice = levelservice; public String getdeldata() { return deldata; public void setdeldata(string deldata) { this.deldata = deldata; 配置 spring, 添加 : <bean id="levelservice" parent="basetransactionproxy"> <property name="target"> <bean class="privilege.service.levelservice"> <property name="dao"> <bean class="privilege.dao.leveldao"> <property name="sessionfactory" ref="sessionfactory" />

9 Page 9 of 16 </property> </property> <bean id="levelaction" class="privilege.action.levelaction"> <property name="levelservice" ref="levelservice" /> 配置 struts.xml: 添加操作配置 : <action name="addlevel" class="levelaction" method="persistlevel"> <result>/resource/json_struts2.jsp</result> </action> 修改时载入数据操作配置 : <action name="loadlevel" class="levelaction" method="findlevelbyid"> <result>/resource/json_struts2.jsp</result> </action> 列表查询和删除数据时操作配置 : <action name="levelajaxjsondata" class="levelaction" method="jsonexecute"> <result>/resource/json_struts2.jsp</result> </action> json_struts2.jsp : 这个页面是一个公用的页面, 服务器段向客户端传输时用于 JSON 字符串的输出, 特别注意的是 : <s:property> 标签的 escape 属性一定要是 false, 默认是 true, 不然输出的 JSON 字符串被转码 <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"% ><%@ taglib prefix="s" uri="/struts-tags"%> <s:property value="jsonstring" escape="false" /> Level.jsp: <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 页面 </title> 导入所需要的 javascript 类库和样式表 : <link rel="stylesheet" type="text/css" href="/my/resource/ext2.0/resources/css/ext-all.css" /> <link rel="stylesheet" type="text/css" href="/my/resource/ext2.0/init.css" /> <script src="/my/resource/ext2.0/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="/my/resource/ext2.0/ext-core.js" type="text/javascript"></script> <script src="/my/resource/ext2.0/ext-all.js" type="text/javascript"></script> Init.jsp 是自定义的 javascript 文件, 这里有一些需要动态处理的内容, 所以以 jsp 后缀名的方式导入, 这个文件的内容可以参考 Extjs 解压后目录中 examples/examples.js 文件 : <script src="/my/resource/ext2.0/init.jsp" type="text/javascript"></script> <script src="/my/resource/ext2.0/source/locale/ext-lang-zh_cn.js" type="text/javascript"></script> Level.js 是整个界面所写的 js: <SCRIPT type="text/javascript" src="level.js"></script> <SCRIPT type="text/javascript"> Ext.BLANK_IMAGE_URL = /my/resource/ext2.0/resources/images/default/s.gif'; </SCRIPT> <STYLE type="text/css">.ss { text-align: left;;.icon-grid { background-image: url(grid.png)!important;.add { background-image: url(new.png)!important;.edit { background-image: url(edit.png)!important;.remove { background-image: url(del.png)!important; </STYLE> </head> <body class="x-vista"> <div id="topic-grid"></div> <div id="topic-win" class="x-hidden">

10 Page 10 of 16 <div class="x-window-header">hello Dialog</div> <div id="topic-tabs"></div> </div> </body> </html> Level.js 文件 : myinit();// 初始化 Ext.onReady(function() { Ext.QuickTips.init(); var newformwin; var form1; // 定义一个 JsonReader 对象, 用于表格列表数据显示, 即 grid 对象 var _jsonreader = new Ext.data.JsonReader( { root : 'list', totalproperty : 'totalcount', id : 'levelid', successproperty : '@success', [ { name : 'levelid', mapping : 'levelid', type : 'int', { name : 'levelname', mapping : 'levelname', { name : 'description', mapping : 'description' ]); // Store 对象, 注意 proxy 配置参数, 如果 url : 'LevelAjaxJsonData.action' 与程序在同一应用下面, 就用 new Ext.data.HttpProxy, 如果不在同一应用中要用 Ext.data.ScriptTagProxy 对象 var ds = new Ext.data.Store( { proxy : new Ext.data.HttpProxy( { url : 'LevelAjaxJsonData.action' ), // reader : _jsonreader ); ds.setdefaultsort('levelid', 'desc');// 设置默认的排序字段 // ColumnModel 对象, 用于 grid 对象中的列格式化配置 var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), { id : 'levelid', header : ' 序号 ', dataindex : 'levelid', width : 40, { header : " 级别名称 ", dataindex : 'levelname', width : 50, sortable : true, locked : false, { header : " 描述 ", dataindex : 'description', width : 100 ]); // by default columns are sortable cm.defaultsortable = true; // GridPanel 对象 var grid = new Ext.grid.GridPanel( { // var grid = new Ext.grid.EditorGridPanel( { collapsible : true,// 是否可以展开 animcollapse : false,// 展开时是否有动画效果 title : ' 级别管理 ', iconcls : 'icon-grid', store : ds, cm : cm, renderto : 'topic-grid', viewconfig : { forcefit : true, /* * // 添加内陷的按钮 buttons : [ { text : ' 保存 ', { text : ' 取消 ' ], * buttonalign : 'center',// 按钮对齐 * */ // 添加分页工具栏 bbar : new Ext.PagingToolbar( {

11 Page 11 of 16 pagesize : 30, store : ds, displayinfo : true, displaymsg : ' 显示 {0-{1 条 / 共 {2 条 ', emptymsg : " 无数据 ", items : ['-', { pressed : true, enabletoggle : true, text : ' 按钮 ', cls : 'x-btn-text-icon details', togglehandler : ptb_bt1 ] ), // 添加内陷的工具条 tbar : [ { id : 'New1', text : ' 新建 ', tooltip : ' 新建一个表单 ', iconcls : 'add', handler : function() { ptb_bt1();, '-', { text : ' 修改 ', tooltip : ' 修改 ', iconcls : 'edit', handler : function() { ptb_bt2();, '-', { text : ' 删除 ', tooltip : ' 删除被选择的内容 ', iconcls : 'remove', handler : function() { ptb_bt3(); ], width : 700, height : 400, frame : true, loadmask : true,// 载入遮罩动画 autoshow : true ); // 数据载入 ds.load( { params : { start : 0,// 开始数 limit : 30,// 每次载入数量, 服务器段就根据这两个参数来处理数据分页 forumid : 4 ); grid.render(); // 添加行双击事件, 双击是可以打开修改窗口 grid.on("rowdblclick", function(grid) { loadformdata(grid); ); // 载入被选择的数据行的表单数据 var loadformdata = function(grid) { var _record = grid.getselectionmodel().getselected(); if (!_record) {// 这里判断是否有行已经被选择 Ext.example.msg(' 修改操作 ', ' 请选择要修改的一项!'); else { myformwin(); form1.form.load( { url : 'LoadLevel.action?level.levelid=' + _record.get('levelid'), waitmsg : ' 正在载入数据...', failure : function() { Ext.example.msg(' 编辑 ', ' 载入失败 ');, success : function() { Ext.example.msg(' 编辑 ', ' 载入成功!'); ); // 分页工具栏按钮 -- 新建事件

12 Page 12 of 16 var ptb_bt1 = function() { myformwin(); ; // 修改操作事件 var ptb_bt2 = function() { loadformdata(grid); ; // 删除事件 var ptb_bt3 = function() { var _record = grid.getselectionmodel().getselected(); if (_record) {// 判断是否有行被选择 Ext.MessageBox.confirm(' 确认删除 ', ' 你确认要删除这条数据吗?', function(btn) { if (btn == "yes") { var m = grid.getselections();// 所有被选择的行 var jsondata = "";// for (var i = 0, len = m.length;i < len; i++) { var ss = m[i].get("levelid"); if (i == 0) { jsondata = jsondata + ss; else { jsondata = jsondata + "," + ss; ds.remove(m[i]); ds.load( { params : { start : 0, limit : 30, deldata : jsondata// 这里是向服务器段发送的数据信息, 一般采用 JSON 协议, 这儿直接采用, 只发送用逗号分割的 ID 号序列, 以方便 ); // Ext.example.msg('--- 删除操作 ---', ' 你删除的数据是 '); ); else { Ext.example.msg(' 删除操作 ', ' 请选择要删除的数据项!'); ; // form_win 定义一个 Window 对象, 用于新建和修改时的弹出窗口 var myformwin = function() { // create the window on the first click and reuse on subsequent // clicks if (!newformwin) { newformwin = new Ext.Window( { el : 'topic-win', layout : 'fit', width : 400, height : 300, closeaction : 'hide', plain : true, title : ' 窗口 ', items : form1, reader : _jsonreader ); newformwin.show('new1'); // 用窗体 Form 的 JsonReader 对象, 修改时数据载入解析 var _jsonformreader = new Ext.data.JsonReader( { root : 'list', totalproperty : 'totalcount', id : 'levelid', successproperty : '@success', [ { name : 'level.levelid', mapping : 'levelid', type : 'int', { name : 'level.levelname', mapping : 'levelname', { name : 'level.description', mapping : 'description' ]); // 窗体 form1 = new Ext.FormPanel( {

13 Page 13 of 16 ); // collapsible : true,// 是否可以展开 labelwidth : 75, // label settings here cascade unless overridden url : 'AddLevel.action', frame : true, title : ' 添加级别 ', bodystyle : 'padding:5px 5px 0', width : 350, waitmsgtarget : true, reader : _jsonformreader, defaults : { width : 230, defaulttype : 'textfield', items : [ { fieldlabel : ' 级别 ID', name : 'level.levelid', allowblank : false, { fieldlabel : ' 级别名称 ', name : 'level.levelname', allowblank : false, new Ext.form.TextArea( { fieldlabel : ' 描述 ', name : 'level.description', growmin : 234 )], buttons : [ { text : ' 保存 ', disabled : false, handler : function() { if (form1.form.isvalid()) { form1.form.submit( { url : 'AddLevel.action', success : function(from, action) { Ext.example.msg(' 保存成功 ', ' 添加级别成功!'); ds.load( { params : { start : 0, limit : 30, forumid : 4 );, failure : function(form, action) { Ext.example.msg(' 保存失败 ', ' 添加级别失败!');, waitmsg : ' 正在保存数据, 稍后...' ); dialog.hide(); else { Ext.Msg.alert(' 信息 ', ' 请填写完成再提交!');, { text : ' 取消 ', handler : function() { newformwin.hide(); ] ); 5 运行时的一些图 (Firefox 2.0): 数据列表 :

14 Page 14 of 16 新建 : 修改 : 未选择数据行

15 Page 15 of 16 选择数据行后, 单击修改按钮 ( 双击数据行可直接修改 ) 删除数据 : 删除时确认

16 Page 16 of 16 确认后删除数据 :