上下シートの連動（取引先/商談）

PortalDemo.xml

<apex:page>
    <apex:form>
        <!-- bookId/sheetIdに指定するブックID/シートIDはブックおよびシートの設定画面から取得したものに置き換える -->
        <apex:pageBlock title="取引先">
            <msmxSheet:SheetView id="comp-01"
                bookId="a002800001O6vOpAAJ"
                sheetId="s1"
                width="100%"
                height="300px"
            />
         </apex:pageBlock>
         <!-- あらかじめ商談シートには取引先ID項目の列に対して "${params.AccountId}" を値として参照するフィルタを適用しておく -->
         <apex:pageBlock title="商談">
            <msmxSheet:SheetView id="comp-02"
                bookId="a002800001O6vOpAAJ"
                sheetId="s2"
                width="100%"
                height="300px"
            />
         </apex:pageBlock>
    </apex:form>
    <script>
    // レコードがロードされた／チェックボックスで選択されたとき、選択されたレコードのIDでAccountIdパラメータを更新
    function handleRecords(params) {
       console.log('params =>', params);
       var accountIds = params.records.map(function(record){ return record.$id; });
       MsmxSheet.updateApplicationParameter({ AccountId: accountIds });
    }
    // セルがフォーカスされたとき、該当セルの行のレコードIDでAccountIdパラメータを更新
    function handleFocus(params) {
       console.log('onFocusCell =>', params);
       var accountIds = [params.cell.recordId];
       MsmxSheet.updateApplicationParameter({ AccountId: accountIds });
    }
    // 取引先シートのイベントのSubscribe
    // レコードのロードが完了したとき
    MsmxSheet.subscribeComponentEvent('comp-01', 'a002800001O6vOpAAJ/s1', 'loadComplete', handleRecords);
    // レコード選択チェックボックスでレコードを選択したとき
    MsmxSheet.subscribeComponentEvent('comp-01', 'a002800001O6vOpAAJ/s1', 'selectRecords', handleRecords);
    // セルがフォーカスされたとき
    MsmxSheet.subscribeComponentEvent('comp-01', 'a002800001O6vOpAAJ/s1', 'focusCell', handleFocus);
    </script>
</apex:page>