D C
2023-08-07 5ddfce2bc1c37265902b8f61d6e1c298b94a7091
force-app/main/default/components/RelationListPagingCmp.component
@@ -77,35 +77,47 @@
                    <apex:inputHidden id="currentPageRecordCnt" value="{!currentPageRecordCnt}"/>
                    <!-- 左 ヘッダ -->
                    <div id="out_Div_L">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableHeader_L">
                            <tr class="dataRow" height="1px">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout:fixed" border="" id="tableHeader_L">
                            <!-- 20230511 ljh lightning start -->
                            <!-- <tr class="dataRow" height="1px">
<apex:outputPanel layout="none" rendered="{!hasChkBox}">
                                <td class="col_chk"></td>
</apex:outputPanel>
<apex:outputPanel layout="none" rendered="{!Not(hasChkBox)}">
                                <td class="col_noChk"></td>
                                <td class="col_noChk"></td>
</apex:outputPanel>
<apex:variable value="{!0}" var="cnt" />
<apex:repeat value="{!titleLeft}" var="t">
                                <td class="col_{!columnLeftCss[cnt]}"></td>
    <apex:variable value="{!cnt + 1}" var="cnt" />
</apex:repeat>
                            </tr>
                            <tr> -->
                            <!-- 20230511 ljh lightning end -->
                            <tr class="headerRow" height="30px">
<apex:outputPanel layout="none" rendered="{!hasChkBox}">
    <apex:outputPanel layout="none" rendered="{!Not(isRadioBox)}">
                                <td style="width:20px" class="col_chk" align="center">
                                <!-- 20230511 ljh lightning start -->
                                <!-- <td style="width:20px" class="col_chk" align="center"> -->
                                <td style="width:32px" class="col_chk" align="center">
                                <!-- 20230511 ljh lightning end -->
                                    <input type='checkbox' onClick='checkAll()' id='checker'/>
                                </td>
    </apex:outputPanel>
</apex:outputPanel>
<apex:outputPanel layout="none" rendered="{!isRadioBox}">
                             <td class="col_chk"></td>
                            <!-- 20230511 ljh lightning start -->
                             <!-- <td class="col_chk"></td> -->
                             <td style="width:32px;" class="col_chk"></td>
                             <!-- 20230511 ljh lightning start -->
</apex:outputPanel>
<apex:outputPanel layout="none" rendered="{!Not(hasChkBox)}">
                                <td class="col_noChk"></td>
                                <!-- 20230511 ljh lightning start-->
                                <!-- <td class="col_noChk"></td> -->
                                <td class="col_noChk" style="display:none"></td>
                                <!-- 20230511 ljh lightning end-->
</apex:outputPanel>
<apex:variable value="{!0}" var="cnt" />
<apex:repeat value="{!titleLeft}" var="t">
@@ -132,19 +144,24 @@
                    </div>
                    <!-- 右 ヘッダ -->
                    <div id="out_Div">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableHeader">
                            <tr class="dataRow" height="1px">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout:fixed;" border="" id="tableHeader">
                            <!-- 20230512 ljh lightning start-->
                            <!-- <tr class="dataRow" height="1px">
                            <apex:variable value="{!0}" var="cnt" />
                            <apex:repeat value="{!titleRight}" var="t">
                                <td class="col_{!columnRightCss[cnt]}"></td>
                                <apex:variable value="{!cnt + 1}" var="cnt" />
                            </apex:repeat>
                            <td class="col_Scroll"></td>
                            </tr>
                            <td class="col_Scroll"></td>
                            </tr>-->
                            <!-- 20230512 ljh lightning end-->
                            <tr class="headerRow" height="30px">
                            <apex:variable value="{!0}" var="cnt" />
                            <apex:repeat value="{!titleRight}" var="t">
                                <td class="col_{!columnRightCss[cnt]}">
                                <!-- 20230511 ljh lightning start -->
                                <!-- <td class="col_{!columnRightCss[cnt]} "> -->
                                <td class="col_{!columnRightCss[cnt]} colViewing" onclick ="ToggleWidth(this);return false;">
                                <!-- 20230511 ljh lightning end -->
                                    <apex:outputPanel layout="none" rendered="{!Not(noSortHeader)}">
                                      <a href="#" name="out_Div_a" onclick="sortTableJs('{!cnt + titleLeft.size}');return false;" style="text-decoration: underline;">
                                        <!-- 20220107 ljh update start -->
@@ -169,13 +186,15 @@
                    <div style="clear:both;height:0px;"></div>
                    <!-- 左 データリスト -->
                    <div id="in_Div_L">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData_L">
                        <!-- 20230512 ljh lightning add table-layout:fixed" -->
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout:fixed;" border="" id="tableData_L">
<apex:variable value="{!1}" var="cnt" />
<apex:repeat value="{!pageController.viewList}" var="or" id="oppTable_L">
                            <tr class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
    <apex:outputPanel layout="none" rendered="{!hasChkBox}">
                                <td class="dataCellBorder1" style="" align="center">
                                <!-- 20230512 ljh lightning add style="width:32px;" -->
                                <td class="dataCellBorder1" style="width:32px;height:38px;" align="center">
        <apex:outputPanel layout="none" rendered="{!Not(isRadioBox)}">
                                  <apex:inputCheckbox value="{!or.check}" id="rowCheck" styleClass="rowchkcls" disabled="{!!or.canEdit}" onchange="setChangeFlg('{!or.lineNo}')"/>
        </apex:outputPanel>
@@ -187,7 +206,8 @@
                                </td>
    </apex:outputPanel>
    <apex:outputPanel layout="none" rendered="{!Not(hasChkBox)}">
                                <td class="col_noChk">
                                <!-- 20230602 ljh 高度固定 38px; -->
                                <td class="col_noChk" style="height: 38px;">
                                  <apex:inputCheckbox value="{!or.check}" styleClass="rowchkcls" style="display:none"/>
                                  <apex:inputText value="{!or.orderNo}" styleClass="ordernocls" style="display:none"/>
                                </td>
@@ -195,7 +215,8 @@
    <apex:variable value="{!0}" var="cnt_2" />
    <apex:repeat value="{!columnsLeftApi}" var="c">
                                <td class="dataCellBorder1 col_{!columnLeftCss[cnt_2]}">
                                <!-- 20230602 ljh 高度固定 38px; -->
                                <td class="dataCellBorder1 col_{!columnLeftCss[cnt_2]}" style="height: 38px;">
        <apex:outputPanel rendered="{!(c.size==1 && columnLeftRW[c[0]]=='r')}" layout="none">
            <!-- in_Div_LのAccount名は特殊対応、リンクにする -->
            <apex:outputPanel rendered="{!c[0]=='Name'}" layout="none">
@@ -224,13 +245,14 @@
                    </div>
                    <!-- 右 データリスト -->
                    <div id="in_Div">
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;" border="" id="tableData">
                        <!-- 20230512 ljh lightning add table-layout:fixed" -->
                        <table class="list" style="border-bottom-width: 0px; font-size:11px; border-spacing:0;table-layout:fixed;" border="" id="tableData">
                            <apex:variable value="{!1}" var="cnt" />
                            <apex:repeat value="{!pageController.viewList}" var="or" id="oppTable">
                                <tr class="dataRow {!IF(MOD(cnt, 2)==0, 'odd', 'even')} {!IF(cnt==1, 'first', '')}" onmouseover="if (window.hiOn){hiOn(this);} " onmouseout="if (window.hiOff){hiOff(this);} " onblur="if (window.hiOff){hiOff(this);}" onfocus="if (window.hiOn){hiOn(this);}">
                                <apex:variable value="{!0}" var="cnt_3" />
                                <apex:repeat value="{!columnsRightApi}" var="c">
                                    <td class="dataCellBorder1 col_{!columnRightCss[cnt_3]}">
                                    <td class="dataCellBorder1 col_{!columnRightCss[cnt_3]}" style="height: 38px;">
                                    <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='r')}" layout="none">
                                        <apex:outputField value="{!or.sobj[c[0]]}"/>
                                    </apex:outputPanel>
@@ -287,7 +309,8 @@
                        </table>
                    </div><!-- /in_Div -->
                </apex:outputPanel>
                <apex:outputPanel layout="none" rendered="{!isDisplayPaging}">
                <!-- 20230523  ljh lightning 分页 代码换位置  start -->
                <!-- <apex:outputPanel layout="none" rendered="{!isDisplayPaging}">
                    <apex:outputPanel layout="none" rendered="{!hasPrevious}">
                        <button onclick="if('{!userCustomPaging}' == 'true') {searchPreviousCustom();} else {searchPreviousJs();}return false;" class="btn">前へ</button>
@@ -311,17 +334,95 @@
                        <apex:selectList value="{!goPageInt}" size="1" style="width:50px" id="goPageInt"><apex:selectOptions value="{!pageNumList}" id="pageNumList"/></apex:selectList> 
                        <button onclick="if('{!userCustomPaging}' == 'true') {searchGoPageCustom();} else {searchGoPageJs();}return false;" class="btn">go</button>
                    </apex:outputPanel>
                </apex:outputPanel>
                </apex:outputPanel> -->
                <!-- 20230523  ljh lightning 分页 代码换位置  end -->
            </apex:pageBlock>
            <!-- 20230523  ljh lightning 分页 代码换位置  start -->
            <apex:outputPanel layout="none" rendered="{!isDisplayPaging}">
                <apex:outputPanel layout="none" rendered="{!hasPrevious}">
                    <button onclick="if('{!userCustomPaging}' == 'true') {searchPreviousCustom();} else {searchPreviousJs();}return false;" class="btn">前へ</button>
                </apex:outputPanel>
                <apex:outputPanel layout="none" rendered="{!!hasPrevious}">
                    <button class="btn" disabled="disabled"
                            style="cursor: default;border-color: #e5e5e5; background: #f0f0f0;color: #a8a8a8;">前へ</button>
                </apex:outputPanel>
                <span class="count">{!page}</span><span>|</span>
                <span class="count">{!maxPage}</span>
                <apex:outputPanel layout="none" rendered="{!hasNext}">
                    <button onclick="if('{!userCustomPaging}' == 'true') {searchNextCustom();} else {searchNextJs();}return false;" class="btn" >次へ</button>
                </apex:outputPanel>
                <apex:outputPanel layout="none" rendered="{!!hasNext}">
                    <button class="btn" disabled="disabled"
                    style="cursor: default;border-color: #e5e5e5; background: #f0f0f0;color: #a8a8a8;">次へ</button>
                </apex:outputPanel>
&nbsp;&nbsp;
                <apex:outputPanel id="canGoPage" layout="none" rendered="{!canGoPage}">
                    <apex:selectList value="{!goPageInt}" size="1" style="width:50px" id="goPageInt"><apex:selectOptions value="{!pageNumList}" id="pageNumList"/></apex:selectList> 
                    <button onclick="if('{!userCustomPaging}' == 'true') {searchGoPageCustom();} else {searchGoPageJs();}return false;" class="btn">go</button>
                </apex:outputPanel>
            </apex:outputPanel>
            <!-- 20230523  ljh lightning 分页 代码换位置  end -->
<script type="text/javascript">
var heightAjustment = 120;
var widthAjustment = 30;
var bottomspace = '{!bottomSp}';
var i = 0;
j$(document).ready(function(){
    console.log({!isFirstRefresh});
    if({!isFirstRefresh}){
      blockme();
      init();
    }
    // 20230523  ljh lightning start
    if(i == 0){
        sbwidth = scrollbarWidth();
        i++;
        tableWidth = j$('body .pbBody table#tableHeader').width();
        // var widthTemp = 0;
        j$('body .pbBody table#tableHeader tr.headerRow td').each(function() {
            var colClass = getColClassName(this);
            if (colClass != 'col_Scroll') {
                var temp = j$('body .pbBody table.list tr.headerRow td.' + colClass).width();
                listColClassWidthMap[colClass] = temp;
                //widthTemp += temp;
            }
        });
        var blockWidthNew = j$(escapeVfId('allPage:allForm:searchBlock')).width() - j$('div#out_Div_L').width()-sbwidth;
        // console.log(widthTemp+'~'+blockWidthNew+'~'+tableWidth);
        var tableHeader_L =  j$(escapeVfId('tableHeader_L')).width();
        j$('div#in_Div_L').css('width', tableHeader_L+ 'px');
        j$('table#tableData_L').css('width', tableHeader_L + 'px');
        // j$('table#tableHeader').css('width', (tableWidth + 2) + 'px');
        if(tableWidth > blockWidthNew){
            j$('div#in_Div').css('width', blockWidthNew + 'px'); // 20230519 ljh
            j$('div#out_Div').css('width', blockWidthNew + 'px'); // 20230519 ljh
        }
        j$('div#in_Div').scroll(function() {
            j$('div#out_Div').scrollLeft(j$(this).scrollLeft());
            j$('div#in_Div_L').scrollTop(j$(this).scrollTop());
        });
        j$('div#out_Div').scroll(function() {
            j$('div#in_Div').scrollLeft(j$(this).scrollLeft());
        });
        j$('div#in_Div_L').scroll(function() {
            j$('div#in_Div').scrollTop(j$(this).scrollTop());
        });
    }
    // windowResize();
    // スクロール連動
    // j$('div#in_Div').scroll(function() {
    //     j$('div#out_Div').scrollLeft(j$(this).scrollLeft());
    //     j$('div#in_Div_L').scrollTop(j$(this).scrollTop());
    // });
    // j$('div#out_Div').scroll(function() {
    //     j$('div#in_Div').scrollLeft(j$(this).scrollLeft());
    // });
    // j$('div#in_Div_L').scroll(function() {
    //     j$('div#in_Div').scrollTop(j$(this).scrollTop());
    // });
    // 20230523  ljh lightning end
});
function runSFDCAddRemote(MetadataConnectionWarning) {
@@ -331,22 +432,23 @@
  // blockme();
  sortTablefunc(key);
}
// 20230523  ljh lightning start
// j$(function() {
//     var tableWidth = 0;
//     j$('body .pbBody table#tableHeader tr.headerRow td').each(function() {
//         var colClass = getColClassName(this);
//         if (colClass != 'col_Scroll') {
//             var headerCol = j$('body .pbBody table.list tr.headerRow td.' + colClass);
//             tableWidth += headerCol.width();
//         }
//     });
//     j$('table#tableData').css('width', (tableWidth + 2) + 'px');
//     j$('table#tableHeader').css('width', (tableWidth + 2) + 'px');
j$(function() {
    var tableWidth = 0;
    j$('body .pbBody table#tableHeader tr.headerRow td').each(function() {
        var colClass = getColClassName(this);
        if (colClass != 'col_Scroll') {
            var headerCol = j$('body .pbBody table.list tr.headerRow td.' + colClass);
            tableWidth += headerCol.width();
        }
    });
    j$('table#tableData').css('width', (tableWidth + 2) + 'px');
    j$('table#tableHeader').css('width', (tableWidth + 2) + 'px');
    // list の headerRow の tdに toggleWidth() を追加
    bindTdToggleWidth();
});
//     // list の headerRow の tdに toggleWidth() を追加
//     bindTdToggleWidth();
// });
// 20230523  ljh lightning end
var elements = document.getElementsByTagName("select");
for (i = 0; i < elements.length; i++) {
    var id = elements[i].id;
@@ -374,8 +476,8 @@
j$("a[name='out_Div_a']").bind("click",function(event){
    event.stopPropagation();
});
windowResize();
// windowResize(); // 20230523 ljh lightning
</script>
        </apex:outputPanel>
    <!-- </apex:form> -->
</apex:component>
</apex:component>