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

部分公共模块的使用说明 Tab窗口及自适应大小 收缩展开功能 附件模块. 频道 时段 栏目的级联展开 异步请求判断返回session是否超时 快捷键实现 离开该页面时提示保存信息 导入导出txt功能 查询grid排序 查询标签 Javasrcipt代码分离到js文件的原则 Tile配置文件中,所有查询页面都集成mainThemeLayout 1. Tab窗口及自适应大小  jsp页面必要布局: div id=mainPanel style=height: 690px div id=centerPanel div id=listToobar class=subico /div div id=CanShrink_div table style=width:100%; class=searchTable tr td width=100% searchcondition:searchcondition id=newsthread conditionName=newsthread searchButton=true clearButton=true horizontalCount=4 / /td /tr /table /div div id=gridbox style=height:200px; /div div id=pagingArea class=pagingArea/div /div div id=southPanel /div /div Js代码: LayoutA.init(mygrid);//设置tab显示模式,及自适应大小 查询页面js Tab的唯一标识组成:模块名+guid if(typeof parent.ExtTab != undefined) parent.ExtTab.setTabsModuleByCurModule(“newsthread”);//设置自己的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 parent.LayoutA.isInit) { parent.LayoutA.setTabGUID(ObjOpenModel.id);//设置tab的guid } if (typeof(parent.reloadGrid) == function) { parent.reloadGrid(ObjOpenModel.id);//刷新关联的查询grid的数据 } 2.收缩展开功能 edit:用于编辑区域. query:用于查询区域. section:用于编辑区域的一个片段. 使用方法: * script type=text/javascript src=c:url value=/scripts/CanShrink_L.js//script * 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,{useType:query}); section:用于编辑区域的一个片段. new CanShrink_L(CanShrink_div,CanShrink_ul,{useType: ‘section}); 3.附件模块. %@ include file=/common/Attachmentmanage_language.jsp% ObjOpenModel.