建站
咨詢
售后
建站咨詢
新聞中心
需求描述：審批表單頁(yè)面由我的待辦工作中打開(kāi)，辦理完畢后希望關(guān)閉該頁(yè)面并且實(shí)現(xiàn)我待辦表格的實(shí)時(shí)刷新;同時(shí)該需求也同樣適用于從某些工作流管理模塊中需要發(fā)起審批的情況，比如招聘需求模塊中發(fā)起錄用流程;我的績(jī)效管理中審批績(jī)效等。
創(chuàng)新互聯(lián)建站專(zhuān)注于企業(yè)成都營(yíng)銷(xiāo)網(wǎng)站建設(shè)、網(wǎng)站重做改版、洛隆網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、成都商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為洛隆等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
我們先來(lái)看看之前的實(shí)現(xiàn)，該邏輯實(shí)現(xiàn)的功能是，從我待辦列表中發(fā)起審批，審批結(jié)束后直接在當(dāng)前頁(yè)面，也就是審批頁(yè)面跳轉(zhuǎn)至一個(gè)新的oa主頁(yè)面，并且打開(kāi)我的工作-我待辦的頁(yè)簽，實(shí)現(xiàn)方法如下：
- $("#but_back").bind("click", function() {
- window.top.opener=null;
- var url = window.location.href;
- var isoa=url.indexOf('phicomm.com');
- //var isoatest=url.indexOf('oatest.phicomm.com');
- var curWwwPath=window.document.location.href;
- var pathName=window.document.location.pathname;
- var pos=curWwwPath.indexOf(pathName);
- var localhostPaht=curWwwPath.substring(0,pos);
- var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
- if(isoa>0){
- window.top.open(localhostPaht+'/main/index.action?tableName=mywork','_self');
- }else{
- window.top.open(localhostPaht+projectName+'/main/index.action?tableName=mywork','_self');
- }
- });
桌面js的處理邏輯：
- $(document).ready(function($){
- // 初始化圖標(biāo)
- initModules(initMenus());
- refixAppPos();
- // 注冊(cè)事件
- regClick();
- sortable();
- initIcoRemove();
- initAppManager();
- //解析當(dāng)前URL判斷是否需要跳轉(zhuǎn)制定Table
- gotoTable();
- });
- //跳轉(zhuǎn)制定Table
- function gotoTable(){
- var tableName = request("tableName");
- if(""!=tableName&&null!=tableName&&'undefined'!=tableName){
- openUrl($("#desktop_content_icon_"+tableName));
- }
- }
以上方法雖然實(shí)現(xiàn)了辦理結(jié)束后跳至我的待辦的功能，但有以下缺陷：
跳轉(zhuǎn)是在新頁(yè)面中，并非在調(diào)用頁(yè)面，這樣就形成了調(diào)用和跳轉(zhuǎn)頁(yè)面兩個(gè)相同的桌面;
新的頁(yè)面并非與原調(diào)用頁(yè)面完全一致，調(diào)用頁(yè)面如打開(kāi)多個(gè)頁(yè)簽，新打開(kāi)的頁(yè)面相當(dāng)于將除我的待辦外的其他頁(yè)簽關(guān)閉，并不符合用戶的需求;
用戶體驗(yàn)不友好
我們使用js callback的實(shí)現(xiàn)如下，當(dāng)前頁(yè)面的調(diào)用頁(yè)面非空且未關(guān)閉時(shí)，我們就直接調(diào)用頁(yè)面中的js方法實(shí)現(xiàn)其局部的刷新。
- /** 刷新父窗口關(guān)閉彈出窗口 */
- function refreshAndClose(){
- var jscallback = $.trim($("#jscallback").val());
- var type = $.trim($("#type").val());
- if (window.opener && !window.opener.closed && jscallback!=null && jscallback!="") {
- if(!type){
- //本頁(yè)面的調(diào)用頁(yè)面執(zhí)行其嵌入或調(diào)用的js方法
- eval("window.opener."+jscallback+"();");
- }
- window.close();//當(dāng)前頁(yè)面關(guān)閉
- } else {
- window.top.opener=null;
- var url = window.location.href;
- var isoa=url.indexOf('phicomm.com');
- var curWwwPath=window.document.location.href;
- var pathName=window.document.location.pathname;
- var pos=curWwwPath.indexOf(pathName);
- var localhostPaht=curWwwPath.substring(0,pos);
- var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
- if(isoa>0){
- window.top.open(localhostPaht+'/main/index.action?tableName=mywork','_self');
- }else{
- window.top.open(localhostPaht+projectName+'/main/index.action?tableName=mywork','_self');
- }
- }
- }
調(diào)用頁(yè)面js：grid即為需要局部刷新的表格。
- function openUrl(url){
- url=url+"&jscallback=callsus"
- window.open(url,'_blank');
- }
- function callsus(){
- $('#performanceDataGrid').reload();
- }
通過(guò)js callback實(shí)現(xiàn)了調(diào)用頁(yè)面的局部刷新，并對(duì)其他應(yīng)用的類(lèi)似功能具有一定的指導(dǎo)和參考意義。
本文出自 “南湖礦工技術(shù)空間” 博客，請(qǐng)務(wù)必保留此出處http://jncumter.blog./812546/1623739
當(dāng)前文章：使用js callback機(jī)制實(shí)現(xiàn)調(diào)用頁(yè)面局部刷新
文章地址：http://m.5511xx.com/article/dhccphi.html
