ext学习总结选编.docx

Ext前台显示页面设计 文件结构： WebRoot：app common、controller、model、stroe、view、app.js Css.css Data.json Liblocal、override、resources、ext-all.js WEB-INF conf（配置文件）、lib（jre包）、web.xml Index.jsp 页面设计： Define相当于创建一个类，creat相当于在类的基础之上创建一个对象 Pannel显示的实际页面 Model与数据库相对应的一个实例模型 Stroe与数据库进行数据通讯 Controller页面显示逻辑控制实现 Add(),方法在容器组件内添加控件 前台与后台数据交互 页面与后台数据通信的桥梁，是view页面显示中的name属性的值。与后台定义的成员变量保持一致，否则传值不成功。 前台与后台通信有 同步和异步2种方式 有session json Ext.getCmp(jxgrid).getStore().load({params:{id:id}});//传递参数进行store加载 Ext.getCmp(processImgBrowser).getStore().getProxy().extraParams = {lplan.pid: type}; //前台向后台传参，把前台的参数type传递到后台的lplan.pid,其中extraParams是前台后台参数传递的媒介桥梁，type先放在extraParams中在赋值给lplan.pid。注意：getCamp（）内参数id要与store在同一级：示例 cessPanel = Ext.create(Ext.panel.Panel, { id: processPanel, width: 100%, height: 120, autoScroll: true, items: [{ id: processImgBrowser, xtype: imgbrowser, itemId: processImgBrowser, store: cessstore, cls: img-chooser-view }] }); 智能电厂学习总结 1、文件下载 window.open(export_download.action?fileName= + file, _self); 在当前窗口打开一个新的窗口 如下window.open()的基本语法： window.open(pageURL,name,parameters)?其中：pageURL 为子窗口路径?name 为子窗口句柄?parameters 为窗口参数(各参数用逗号分隔) 示例： SCRIPT?!--?window.open (page.html,newwindow,height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no)?//写成一行?--?/SCRIPT 2、后台接受前台数据 Ext.getCmp(zxtree).getStore().getProxy().extraParams = {zxTask.type: dbtype}; //把前台数据dbtype通过桥梁extraparams赋值给后台zxTask.type 后台使用get方法接受前台页面属性信息时，使用ISO8859-1格式传输，接收道德数据中文乱码，需要转码，转码方法如下： fname = new String(this.getFileName().getBytes(ISO8859-1),utf-8); //把接收到的this.getFileName(),转码为utf-8并赋值给fname。 3、下载方式设置 boolean flag = this.isIE(this.getRequest()); if(flag){ // IE this.getResponse().addHeader(Content-Disposition, attachment;filename= + URLEncoder.encode(fname, UTF-8)); } else { // 其他浏览器 this.getResponse().addHeader(Content-Disposition, attachmen