IS-部分公共模塊的使用說明.pptx

1、部分公共模塊的使用說明,Tab窗口及自適應(yīng)大小 收縮展開功能 附件模塊. 頻道 時段 欄目的級聯(lián)展開 異步請求判斷返回session是否超時 快捷鍵實(shí)現(xiàn) 離開該頁面時提示保存信息 導(dǎo)入導(dǎo)出txt功能 查詢grid排序 查詢標(biāo)簽 Javasrcipt代碼分離到j(luò)s文件的原則 Tile配置文件中,所有查詢頁面都集成mainThemeLayout,1. Tab窗口及自適應(yīng)大小,jsp頁面必要布局: Js代碼: LayoutA.init(mygrid);/設(shè)置tab顯示模式,及自適應(yīng)大小,查詢頁面js,Tab的唯一標(biāo)識組成:模塊名+guid if(typeof parent.ExtTab != und

2、efined) parent.ExtTab.setTabsModuleByCurModule(“newsthread”);/設(shè)置自己的tab的模塊標(biāo)識,用于于子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

3、.LayoutA.setTabTitle($(newsthread.title).value, ObjOpenModel.id); /保存方法中: if (typeof(parent.LayoutA) = object /刷新關(guān)聯(lián)的查詢grid的數(shù)據(jù) ,2.收縮展開功能,edit:用于編輯區(qū)域. query:用于查詢區(qū)域. section:用于編輯區(qū)域的一個片段. 使用方法: * * Ext.onReady(function() new CanShrink_L(entityId,controlId,useType:edit); );,edit:用于編輯區(qū)域.,new CanShrink_L(t

4、body_hide, tableForm_hideOrshow, useType : edit );,query:用于查詢區(qū)域.,new CanShrink_L(CanShrink_div,CanShrink_ul,useType:query);,section:用于編輯區(qū)域的一個片段.,new CanShrink_L(CanShrink_div,CanShrink_ul,useType: section);,3.附件模塊., ObjOpenModel.changeModel 方法中添加 if(!attachmentManage)attachmentManage=new AttachmentM

5、anage(attachmentDiv,rootPath, category:, categoryidbindId:newsthread.id); attachmentManage.setReadOnly(ObjOpenModel.editMode=writeMode?false:true);,4.頻道 時段 欄目的級聯(lián)展開,展示的3種情況: 頻道 時段 欄目 時段 欄目 欄目 * * Ext.onReady(function() defaultData=,; new ChannelTimesliceColumn(,defaultData,docMaster.columnid,docMaste

6、r.timePeriodId); );,5.異步請求判斷返回session是否超時,異步請求的回調(diào)方法中: if(L_Global.ajaxSessionTimeOutRedirect(response.responseText)return; 解決超時時,異步請求也能跳轉(zhuǎn)到登錄頁面.,6.快捷鍵實(shí)現(xiàn),在headInAllpage.jsp中已經(jīng)引入,統(tǒng)一管理 可以改變已經(jīng)定義事件的實(shí)現(xiàn)方法: GkeyboardShortcuts.FN 下的方法都可以覆蓋,實(shí)現(xiàn)自己的方法. 例子:保存方法覆蓋 GkeyboardShortcuts.FN.Fn_save=function() if(ObjOpen

7、Model.editMode=writeMode) modelObject.save(); 注意:GkeyboardShortcuts.FN.Fn_save,編輯也必需覆蓋,才有用,GkeyboardShortcuts.FN.Fn_editSelect=function() modelNameObject.edit(); 注意:查詢頁面必需覆蓋,才有用,自定義快捷鍵添加,GkeyboardShortcuts.add(ctrlKey:true,altKey:false,shiftKey:false,keyCode:191,key:/,fn:G_Fn_showShortcuts,descripti

8、on:);,7.離開該頁面時提示保存信息,/scripts/unloadShareFunction.js UnloadPageObject.monitorAllCell(modelObject.form);/注冊監(jiān)聽 UnloadPageObject.unloadPageSave(modelObject.form, function() modelObject.save(); );/注冊監(jiān)聽調(diào)用事件 注意:手動調(diào)用保存后,需要清除改變標(biāo)志: UnloadPageObject.flgClean();,8.導(dǎo)入導(dǎo)出txt功能, /* *導(dǎo)出 *filename:導(dǎo)出文件名.如:abc.txt *c

9、ontent:導(dǎo)出內(nèi)容 *url: */ function fileDownToTxt(filename,content,url) /* *導(dǎo)入 *obj:回調(diào)函數(shù),返回上傳的內(nèi)容.turl:請求的地址.可以不用,有默認(rèn)值. fileType:文件上傳類型.如:txt */ function fileUpToTxt(obj,turl,fileType) 注意:導(dǎo)出導(dǎo)入的編碼格式在ADF-perties中text.load.encode=UTF-8定義,如果編碼格式不匹配可能出現(xiàn)亂碼,9.查詢grid排序,/ 自定義排序 function customColumnSort(i

10、nd) window.s_col_name = columns.split(,)ind; if (window.s_col_name = “statusString”) /注:列屬性,不是對象真實(shí)屬性時,需要轉(zhuǎn)換 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 + ,window.dhtmlXGridObject_sortBy=noajax;/當(dāng)前頁內(nèi)數(shù)據(jù)排序,時注意:排序列默認(rèn)是按照字符串排序,如果有數(shù)字時,請調(diào)用以下該方法. mygrid.setDataType();,10.查詢標(biāo)簽, 注意:默認(rèn)情況,查詢對象searchCondition,查詢調(diào)用reloadG