教育二天全部课件extjs2.pptxVIP

北京传智播客教育EXTJS+Ajax+Servlet+Jdbc王健

北京传智播客教育ExtJs与JavaServlet：ExtJs的Ajax功能Ext.Ajax类继承了Ext.data.Connection，为Ajax的请求提供了最大灵活性的操作方式。GlobalAjaxrequestclass.ProvidesasimplewaytomakeAjaxrequestswithmaximumflexibility.以下是发出请求的方式:request(Objectoptions):Number参数:url,params,method,success(resp,opts),failure,form,isUpload,headers,jsonData

北京传智播客教育Ext.Ajax.request示例:简单请求.将请求绑定到表单上.发出JSON数据.

北京传智播客教育Ext.Ajax简单请求:

北京传智播客教育将请求绑定到一个表单:第一步:必须先声明一个form表单.

北京传智播客教育Ext.form.FormPanel与Ajax请求:standardSubmit:true|false使用FormPanel综合登录的示例

北京传智播客教育JSON－Java在学习动态加载树前，先让我们学习一下Java中的Json．主包：json-lib-2.3-jdk15.jar依赖包：ezmorph-1.0.3.jarcommons-beanutils-1.7.0.jarcommons-collections-3.2.jarcommons-lang.jarcommons-logging-1.0.4.jar

北京传智播客教育将List转成JSON串：－使用JSONArray:Listlist=newArrayList();Mapmm=newHashMap();mm.put(aa,dd);list.add(mm);JSONArrayo=JSONArray.fromObject(list);System.err.println(o.toString());

北京传智播客教育将Map\JavaBean转成JSON串-使用JSONObject：Mapmm=newHashMap();mm.put(aa,dd);JSONObjecto=JSONObject.fromObject(mm);System.err.println(o.toString());

北京传智播客教育FastJson更快再好的处理json的类。只需要导入一个包。

北京传智播客教育Ext.tree.TreePanel通过请求动态加载树:第一步：准备数据．先创建一个新的数据库．然后建立数据表．CREATEDATABASEextdemoCHARACTERSETUTF8;创建数据库连接池．使用c3p0.向数据表中写入以下数据DROPTABLEIFEXISTStreedemo;CREATETABLEtreedemo( idVARCHAR(32)NOTNULL, NAMEVARCHAR(30), leafCHAR(1), parentVARCHAR(32),//父节点 hrefVARCHAR(100));INSERTINTOtreedemoVALUES(A001,项目1,0,root,NULL);INSERTINTOtreedemoVALUES(A002,项目1_2,1,A001,aa);

北京传智播客教育第二步：第二步：书写dao的查询类，使用dbutils

北京传智播客教育第三步：第三步：书写JS

北京传智播客教育给Tree添加单击事件：

北京传智播客教育Tree的CRUD操作：

北京传智播客教育Ext.grid.GridPanel从数据库加载数据:第一步：准备数据．建表．填充数据．第二步：书写Servlet和Dao.查询全部数据返回ListMapString,Object数据．第三步：书写JS代码．数据仓库．第四步：完成CURD．完成CURD．

北京传智播客教育GridPanel的CURD:

北京传智播客教育GridPanel与分页：使用分页的栏，指定分页大小。让分页带有动画效果。使用动画效果插件。声明Store数据必须要加载：store.load({params:{start:0,limit:25}});