salesforce零基礎學習（九十四）classic下pagelayout引入的vf page彈出內容更新此page layout

我們在classic環境中，有時針對page layout不能實現的地方，可以引入 一個vf page去增強標准的 page layout 功能，有時可能要求這個 vf page的部分修改需要更新此 page layout 或者當前這個vf page彈出的新的window的改動需要刷新這個整體的page layout，項目中遇見了這種需求，因為前端不好，費了一些時間去解決了他，mark一下后期有遇見同樣的場景，可以直接拿過來用了。

下面我們的demo根據 當前引入的vf page彈出新的窗口，窗口對當前 page layout的部分的變量進行重新賦值需要刷新自動此page layout達到預期效果。

 GoodsDemoPage.page:用於展示一個按鈕，點擊此按鈕彈出來一個子頁面

<apex:page standardController="Goods__c">
    <script type="text/javascript">
        function openChangeStatusWindow() {
            var directURL = '/apex/GoodsDemoDirectPage?id={!Goods__c.Id}';
            window.open(directURL,'newwindow','height=100,width=200,top=200, left=350,toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no');
        }

        function refreshPagelayout() {
            window.top.location.href = '/{!Goods__c.Id}';
        }
    </script>
    <apex:form>
        <input type="button" value="清空Status狀態" onclick="openChangeStatusWindow();" />
    </apex:form>
</apex:page>

GoodsDemoDirectPage.page：用於清空Goods中的Status的狀態並且更新父層面的page layout.

<apex:page  showHeader="false">
    <script src="../../soap/ajax/42.0/connection.js" type="text/javascript"></script>
    <script type="text/javascript">
        sforce.connection.sessionId='{!GETSESSIONID()}';
        function changeGoodsStatus() {
            var goods = new sforce.SObject("Goods__c");
            goods.Id = '{!$CurrentPage.parameters.Id}';
            goods.Status__c = null;
            result = sforce.connection.update([goods]);
            console.log('result' + result);
            if(result[0].getBoolean('success')) {
                window.opener.refreshPagelayout();
                window.close();
            } else {
                alert('error occured');
            }
        }
    </script>
    <apex:form>
        <input type="button" value="清空" onclick="changeGoodsStatus();" />
    </apex:form>
</apex:page>

將GoodsDemoPage配置在Goods__c這個sObject的page layout即可。點擊‘清空Status狀態’按鈕以后，會彈出來一個頁面，點擊頁面中的‘清空’按鈕以后彈出的頁面會關閉並且當前的 page layout會自動刷新。

這里主要有兩個關鍵點：window.top以及window.opener。這兩個區別如下：

window.top用於返回頂層窗口，即瀏覽器的窗口。GoodsDemoPage嵌在了page layout中，則針對 GoodsDemoPage來說，其window.top指向的就是當前的 page layout對應的窗口。

window.opener用於返回打開此頁面的頁面。針對GoodsDemoDirectPage,其由GoodsDemoPage打開，所以針對GoodsDemoDirectPage來說，其window.opener指向的是GoodsDemoPage。所以針對這個demo中我們只需要通過window.opener調用GoodsDemoPage的refreshPageLayout方法，然后在方法中使用window.top指向到當前的URL刷新即可。

總結：篇中主要涉及到js的知識，因為本人js比較菜，如果有錯誤或者更好的方式歡迎指出，有不懂的歡迎留言。