IS-部分公共模块的使用说明.pptx

部分公共模块的使用说明 1.Tab窗口及自适应大小 2. 收缩展开功能 3. 附件模块. 4. 频道 时段 栏目的级联展开 5. 异步请求判断返回session是否超时 6. 快捷键实现 7. 离开该页面时提示保存信息 8. 导入导出txt功能 9. 查询grid排序 10.查询标签 11. Javasrcipt代码分离到js文件的原则 12. Tile配置文件中,所有查询页面都集成mainThemeLayout 1. Tab窗口及自适应大小 jsp页面必要布局: Js代码: LayoutA.init(mygrid);/设置tab显示模式,及自适应大小 查询页面js Tab的唯一标识组成:模块名+guid if(typeof parent.ExtTab != undefined) parent.ExtTab.setTabsModuleByCurModule(“n ewsthread”);/设置自己的tab的模块标识,用于于 子tab页交互 /查询页面中打开tab页显示的方法 if (flag) LayoutA.showContent2NewPanel(title, url, true, id, null); else LayoutA.showContent( title , url, id); 编辑页面js 初始化方法中: if (ObjOpenModel.id) if (typeof parent.LayoutA != undefined) parent.LayoutA.setTabTitle($(newsthread.title).value, ObjOpenModel.id); /保存方法中: if (typeof(parent.LayoutA) = object /设置tab的guid if (typeof(parent.reloadGrid) = function) parent.reloadGrid(ObjOpenModel.id);/刷新关联的查询grid的数据 2.收缩展开功能 1. “edit“:用于编辑区域. 2. “query“:用于查询区域. 3. “section“:用于编辑区域的一个片段. 使用方法: * “ * Ext.onReady(function() new CanShrink_L(entityId,controlId,useType:edit) ; ); “edit“:用于编辑区域. new CanShrink_L(“tbody_hide“, “tableForm_hideOrshow“, useType : edit ); “query“:用于查询区域. new CanShrink_L(CanShrink_div,CanShrink_ul,u seType:query); “section“:用于编辑区域的一个片段. new CanShrink_L(CanShrink_div,CanShrink_ul,u seType: section); 3.附件模块. ObjOpenModel.changeModel 方法中添加 if(!attachmentManage)attachmentManage=new AttachmentManage(attachmentDiv,rootPath, “category“:, “categoryidbindId“:newsthread.id); attachmentManage.setReadOnly(ObjOpenModel.edit Mode=writeMode?false:true); 4.频道 时段 栏目的级联展开 展示的3种情况: 频道 时段 栏目 时段 栏目 栏目 * “ * Ext.onReady(function() defaultData=,; new ChannelTimesliceColumn(,defaultData,docMaster.columnid,docMaster.timePeriodId); ); 5.异步请求判断返回session是否超时 异步请求的回调方法中: if(L_Global.ajaxSessionTimeOutRedirect(respo nse.responseText)return; 解决超时时,异步请求也能跳转到登录页 面. 6.快捷键实现 在headInAllpage.jsp中已经引入,统一管理 可以改变已经定义事件的实现方法: GkeyboardShortcuts.FN 下的方法都可以覆盖,实现自己的 方法. 例子:保存方法覆盖 GkeyboardShortcuts.FN.Fn_save=function() if(ObjOpenModel.editMode=writeMode) modelObject.save(); 注意:GkeyboardShortcuts.FN.Fn_save,编辑也必需覆盖,才有 用 GkeyboardShortcuts.FN.Fn_editSelect=functio n() modelNameObject.edit(); 注意:查询页面必需覆盖,才有用 自定义快捷键添加 GkeyboardShortcuts.add(ctrlKey:true,altKey:f alse,shiftKey:false,keyCode:191,key:/,fn:G_F n_showShortcuts,description:); 7.离开该页面时提示保存信息 /scripts/unloadShareFunction.js UnloadPageObject.monitorAllCell(modelObject.for m);/注册监听 UnloadPageObject.unloadPageSave(modelObject.f orm, function() modelObject.save(); );/注册监听调用事件 注意:手动调用保存后,需要清除改变标志: UnloadPageObject.flgClean(); 8.导入导出txt功能 /* *导出 *filename:导出文件名.如:abc.txt *content:导出内容 *url: */ function fileDownToTxt(filename,content,url) /* *导入 *obj:回调函数,返回上传的内容.turl:请求的地址.可以不用,有默认 值. fileType:文件上传类型.如:txt */ function fileUpToTxt(obj,turl,fileType) 注意:导出导入的编码格式在ADF-perties中 text.load.encode=UTF-8定义,如果编码格式不匹配可能出现乱码 9.查询grid排序 / 自定义排序 function customColumnSort(ind) window.s_col_name = columns.split(“,“)ind; if (window.s_col_name = “statusString”) /注:列属性,不是对象真实属性时,需要转换 window.s_col_name = “status“; if (window.s_col_name = “threadsourceidString“) window.s_col_name = “threadsourceid“; / 排序 mygrid.sortField = function() /注入自定义排序 customColumnSort(arguments0); /生存查询sql需要添加排序列名和排序方式 if (window.a_direction) conditionURL = conditionURL + “ /加载数据完成后需要手动设置,grid头的列排序标识 mygrid.setSortImgState(true, window.s_col, window.a_direction); window.dhtmlXGridObject_sortBy=noajax;/ 当前页内数据排序,时注意:排序列默认是按 照字符串排序,如果有数字时,请调用以下 该方法. mygrid.setDataType(); 10.查询标签 注意:默认情况,查询对象searchConditio