<apex:component controller="CreateRelationListPagingCmpCtrl" allowDML="true" id="cmpinnerid" > 
 | 
  
 | 
    <!-- <apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/> 
 | 
    <apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/> 
 | 
    <apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/> --> 
 | 
    <apex:stylesheet value="{!URLFOR($Resource.RelationListPagingCmpCss)}"/> 
 | 
    <apex:includeScript value="{!URLFOR($Resource.RelationListPagingCmpJS)}"/> 
 | 
    <apex:includeScript value="{!URLFOR($Resource.CommonUtilJs)}"/> 
 | 
  
 | 
    <style> 
 | 
        /*URLFOR($Resource なのでRelationListPagingCmpCssに入れません*/ 
 | 
        body .pbBody table.list tr.headerRow td.colViewing { 
 | 
          /* デフォルト値、最小化アイコンを表示 */ 
 | 
          background-image:url('{!URLFOR($Resource.IconResizeMinus_5)}') ; 
 | 
          background-repeat:no-repeat; 
 | 
        } 
 | 
        body .pbBody table.list tr.headerRow td.colUnHideIcon { 
 | 
          /* 最大化アイコンを表示 */ 
 | 
          background-image:url('{!URLFOR($Resource.IconResizePlus_5)}'); 
 | 
          background-repeat:no-repeat; 
 | 
        } 
 | 
    </style> 
 | 
  
 | 
    <apex:attribute name="pgController" 
 | 
        type="CreateRelationListPagingCtrlBase" 
 | 
        assignTo="{!pageController}" 
 | 
        required="true" 
 | 
        description="The controller for the page." /> 
 | 
    <apex:attribute name="hasCheckbox" 
 | 
        type="Boolean" 
 | 
        assignTo="{!hasChkBox}" 
 | 
        required="true" 
 | 
        description="Set If List Row able to be checked." /> 
 | 
    <apex:attribute name="noSort" 
 | 
        type="Boolean" 
 | 
        assignTo="{!noSortHeader}" 
 | 
        required="false" 
 | 
        default="true" 
 | 
        description="Set If Dont need Sort" /> 
 | 
    <apex:attribute name="isRadio" 
 | 
        type="Boolean" 
 | 
        assignTo="{!isRadioBox}" 
 | 
        required="false" 
 | 
        description="Set if need selectRadio not inputCheckbox" /> 
 | 
    <apex:attribute name="bottomSpace" 
 | 
        type="Integer" 
 | 
        assignTo="{!bottomSp}" 
 | 
        required="false" 
 | 
        description="Set if need more bottomSpace" /> 
 | 
    <apex:attribute name="tabStyle" 
 | 
        type="String" 
 | 
        assignTo="{!tabS}" 
 | 
        required="false" 
 | 
        description="Set if need Set dataBlock's tabStyle" /> 
 | 
    <apex:attribute name="userCPaging" 
 | 
        type="Boolean" 
 | 
        assignTo="{!userCustomPaging}" 
 | 
        required="false" 
 | 
        default="false" 
 | 
        description="Set if need Set Use CustomPaging" /> 
 | 
  
 | 
    <!-- <apex:form id="allForm"> --> 
 | 
        <apex:actionFunction action="{!init}" name="init" rerender="allPanel, message, checEventFrame, canGoPage" oncomplete="unblockUI();windowResize();runSFDCAddRemote({!MetadataConnectionWarning});"/> 
 | 
        <apex:actionFunction action="{!searchPrevious}" name="searchPrevious" rerender="allPanel, message, checEventFrame" status="statusPreload"  oncomplete="unblockUI();windowResize();"/> 
 | 
        <apex:actionFunction action="{!searchNext}" name="searchNext" rerender="allPanel, message, checEventFrame" status="statusPreload"  oncomplete="unblockUI();windowResize();"/> 
 | 
        <apex:actionFunction action="{!searchGoPage}" name="searchGoPage" rerender="allPanel, message, checEventFrame" status="statusPreload"  oncomplete="unblockUI();windowResize();"/> 
 | 
        <!-- ToDoエラー表示確認message --> 
 | 
        <apex:actionFunction name="sortTablefunc" action="{!sortTable}" rerender="allPanel, message, checEventFrame" status="statusPreload" onComplete="unblockUI();windowResize();"> 
 | 
            <apex:param name="sortKey" value="" /> 
 | 
        </apex:actionFunction> 
 | 
  
 | 
        <apex:outputPanel id="allPanel"> 
 | 
            <apex:pageBlock id="dataBlock" tabStyle="{!IF(tabS<>null,tabS,'Report')}"> 
 | 
                <apex:outputPanel > 
 | 
                    <!-- 総件数 --> 
 | 
                    <apex:inputHidden id="recordAllCount" value="{!recordAllCount}"/> <!-- recordAllCount画面上で設定します?しなければinputHiddenを使わないでください --> 
 | 
                    <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;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>                                 
 | 
</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> --> 
 | 
                            <!-- 20230511 ljh lightning end --> 
 | 
                            <tr class="headerRow" height="30px"> 
 | 
<apex:outputPanel layout="none" rendered="{!hasChkBox}"> 
 | 
    <apex:outputPanel layout="none" rendered="{!Not(isRadioBox)}"> 
 | 
                                <!-- 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}"> 
 | 
                            <!-- 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)}"> 
 | 
                                <!-- 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"> 
 | 
                                <td class="col_{!columnLeftCss[cnt]}"> 
 | 
                                    <apex:outputPanel layout="none" rendered="{!Not(noSortHeader)}"> 
 | 
                                        <a href="#" name="out_Div_a" onclick="sortTableJs('{!cnt}');return false;" style="text-decoration: underline;"> 
 | 
                                        <!-- 20220107 ljh update start --> 
 | 
                                        <!-- <apex:outputText value="{!SUBSTITUTE(t,'(Sys)','')}"/> --> 
 | 
                                        <apex:outputText value="{!IF(t=='批准时间(申请提交时间)', '批准时间', IF(t=='排队时间F', '排队时间', SUBSTITUTE(t,'(Sys)','')))}"/> 
 | 
                                        <!-- 20220107 ljh update end --> 
 | 
                                        </a>{!sortOrder[cnt]} 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:outputPanel layout="none" rendered="{!noSortHeader}"> 
 | 
                                    <!-- 20220107 ljh update start --> 
 | 
                                      <!-- <apex:outputText value="{!SUBSTITUTE(t,'(Sys)','')}"/> --> 
 | 
                                      <apex:outputText value="{!IF(t=='批准时间(申请提交时间)', '批准时间', IF(t=='排队时间F', '排队时间', SUBSTITUTE(t,'(Sys)','')))}"/> 
 | 
                                      <!-- 20220107 ljh update end --> 
 | 
                                    </apex:outputPanel> 
 | 
                                </td> 
 | 
    <apex:variable value="{!cnt + 1}" var="cnt" /> 
 | 
</apex:repeat> 
 | 
                            </tr> 
 | 
                        </table> 
 | 
                    </div> 
 | 
                    <!-- 右 ヘッダ --> 
 | 
                    <div id="out_Div"> 
 | 
                        <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>--> 
 | 
                            <!-- 20230512 ljh lightning end--> 
 | 
                            <tr class="headerRow" height="30px"> 
 | 
                            <apex:variable value="{!0}" var="cnt" /> 
 | 
                            <apex:repeat value="{!titleRight}" var="t"> 
 | 
                                <!-- 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 --> 
 | 
                                        <!-- <apex:outputText value="{!SUBSTITUTE(t,'(Sys)','')}"/> --> 
 | 
                                        <apex:outputText value="{!IF(t=='批准时间(申请提交时间)', '批准时间', IF(t=='排队时间F', '排队时间', SUBSTITUTE(t,'(Sys)','')))}"/> 
 | 
                                        <!-- 20220107 ljh update end --> 
 | 
                                        </a>{!sortOrder[cnt + titleLeft.size]} 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:outputPanel layout="none" rendered="{!noSortHeader}"> 
 | 
                                    <!-- 20220107 ljh update start --> 
 | 
                                      <!-- <apex:outputText value="{!SUBSTITUTE(t,'(Sys)','')}"/> --> 
 | 
                                      <apex:outputText value="{!IF(t=='批准时间(申请提交时间)', '批准时间', IF(t=='排队时间F', '排队时间', SUBSTITUTE(t,'(Sys)','')))}"/> 
 | 
                                    <!-- 20220107 ljh update end --> 
 | 
                                    </apex:outputPanel> 
 | 
                                </td> 
 | 
                                <apex:variable value="{!cnt + 1}" var="cnt" /> 
 | 
                            </apex:repeat> 
 | 
                            <td class="col_Scroll"></td> 
 | 
                            </tr> 
 | 
                        </table> 
 | 
                    </div>    <!-- out_Div --> 
 | 
                    <div style="clear:both;height:0px;"></div> 
 | 
                    <!-- 左 データリスト --> 
 | 
                    <div id="in_Div_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}"> 
 | 
                                <!-- 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> 
 | 
        <apex:outputPanel layout="none" rendered="{!isRadioBox}"> 
 | 
                                  <apex:inputCheckbox value="{!or.check}" id="rowRadioCheck" styleClass="rowchkcls" disabled="{!!or.canEdit}" onchange="setRadioChangeFlg(this, '{!or.lineNo}', '{!isNeedCheckEvent}')"/> 
 | 
        </apex:outputPanel> 
 | 
                                  <apex:inputCheckbox value="{!or.oldCheck}" id="rowOldCheck" style="display:none"/> 
 | 
                                  <apex:inputText value="{!or.orderNo}" styleClass="ordernocls" style="display:none"/> 
 | 
                                </td> 
 | 
    </apex:outputPanel> 
 | 
    <apex:outputPanel layout="none" rendered="{!Not(hasChkBox)}"> 
 | 
                                <!-- 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> 
 | 
    </apex:outputPanel> 
 | 
  
 | 
    <apex:variable value="{!0}" var="cnt_2" /> 
 | 
    <apex:repeat value="{!columnsLeftApi}" var="c"> 
 | 
                                <!-- 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"> 
 | 
                                  <apex:outputLink value="/{!or.sobj.Id}" target="LINK_{!or.sobj.Id}"><apex:outputField value="{!or.sobj[c[0]]}" /></apex:outputLink> 
 | 
            </apex:outputPanel> 
 | 
            <apex:outputPanel rendered="{!c[0]<>'Name'}" layout="none"> 
 | 
                                  <apex:outputField value="{!or.sobj[c[0]]}"/> 
 | 
            </apex:outputPanel> 
 | 
        </apex:outputPanel> 
 | 
        <apex:outputPanel rendered="{!(c.size==2 && or.sobj[c[0]] != null)}" layout="none"> 
 | 
                                  <apex:outputField value="{!or.sobj[c[0]][c[1]]}"/> 
 | 
        </apex:outputPanel> 
 | 
        <apex:outputPanel rendered="{!(c.size==1 && columnLeftRW[c[0]]=='w')}" layout="none"> 
 | 
                                  <apex:inputField value="{!or.sobj[c[0]]}" onchange="setChangeFlg('{!or.lineNo}');if(typeof onFieldChanged == 'function') {onFieldChanged(this, {!or.lineNo});}"/> 
 | 
        </apex:outputPanel> 
 | 
        <apex:outputPanel rendered="{!(c.size==1 && columnLeftRW[c[0]]=='wm')}" layout="none"> 
 | 
                                  <div class="requiredInput"><div class="requiredBlock"></div><apex:inputField value="{!or.sobj[c[0]]}" onchange="setChangeFlg('{!or.lineNo}');if(typeof onFieldChanged == 'function') {onFieldChanged(this, {!or.lineNo});}"/></div> 
 | 
        </apex:outputPanel> 
 | 
                                </td> 
 | 
        <apex:variable value="{!cnt_2 + 1}" var="cnt_2" /> 
 | 
    </apex:repeat> 
 | 
                            </tr> 
 | 
    <apex:variable value="{!cnt + 1}" var="cnt" /> 
 | 
</apex:repeat> 
 | 
                        </table> 
 | 
                    </div> 
 | 
                    <!-- 右 データリスト --> 
 | 
                    <div id="in_Div"> 
 | 
                        <!-- 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]}" style="height: 38px;"> 
 | 
                                    <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='r')}" layout="none"> 
 | 
                                        <apex:outputField value="{!or.sobj[c[0]]}"/> 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:outputPanel rendered="{!(c.size==2 && or.sobj[c[0]] != null)}" layout="none" > 
 | 
                                        <apex:outputField value="{!or.sobj[c[0]][c[1]]}"/> 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='w')}" layout="none"> 
 | 
                                        <apex:inputField value="{!or.sobj[c[0]]}" onchange="setChangeFlg('{!or.lineNo}');if(typeof onFieldChanged == 'function') {onFieldChanged(this, {!or.lineNo});}"/> 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:outputPanel rendered="{!(c.size==1 && columnRightRW[c[0]]=='wm')}" layout="none"> 
 | 
                                        <div class="requiredInput"><div class="requiredBlock"></div><apex:inputField value="{!or.sobj[c[0]]}" onchange="setChangeFlg('{!or.lineNo}');if(typeof onFieldChanged == 'function') {onFieldChanged(this, {!or.lineNo});}"/></div> 
 | 
                                    </apex:outputPanel> 
 | 
                                    <apex:variable value="{!cnt_3 + 1}" var="cnt_3" /> 
 | 
                                    </td> 
 | 
                                </apex:repeat> 
 | 
                                <td class="dataRow col_Scroll"> 
 | 
                                    <apex:repeat value="{!columnsHiddenApi}" var="c"> 
 | 
                                        <input name="{!c}" value="{!or.additionalInfoMap[c]}" type="hidden" /> 
 | 
                                    </apex:repeat> 
 | 
                                    <apex:inputHidden value="{!or.changeFlg}" id="changeFlg"/> 
 | 
                                     
 | 
                                    <script type="text/javascript"> 
 | 
                                        if ("{!or.canEdit}" == "false") { 
 | 
                                            var right = j$("#tableData").find("tr").eq({!cnt-1}); 
 | 
                                            var rightline = j$(right).find("td"); 
 | 
                                            for (var i=0; i<rightline.length; i++) { 
 | 
                                                j$(rightline[i]).find("input").each(function(){ 
 | 
                                                    j$(this).attr("disabled",true); 
 | 
                                                }); 
 | 
                                                j$(rightline[i]).find("select").each(function(){ 
 | 
                                                    j$(this).attr("disabled",true); 
 | 
                                                }); 
 | 
                                                j$(rightline[i]).find("a").each(function(){ 
 | 
                                                    j$(this).attr("href","#"); 
 | 
                                                }); 
 | 
                                            } 
 | 
                                        } 
 | 
                                        if ("{!or.hasError}" == "true") { 
 | 
                                            var left = j$("#tableData_L").find("tr").eq({!cnt-1}); 
 | 
                                            var leftFirst = j$(left).find("td").eq(1); 
 | 
                                            j$(leftFirst).css("background-color", "gray"); 
 | 
                                        } 
 | 
                                        if ("{!or.hasFieldError}" == "true") { 
 | 
                                            var left = j$("#tableData_L").find("tr").eq({!cnt-1}); 
 | 
                                            var leftFirst = j$(left).find("td").eq(1); 
 | 
                                            j$(leftFirst).css("background-color", "red"); 
 | 
                                        } 
 | 
  
 | 
                                    </script> 
 | 
                                </td> 
 | 
                                </tr> 
 | 
                                <apex:variable value="{!cnt + 1}" var="cnt" /> 
 | 
                            </apex:repeat> 
 | 
                        </table> 
 | 
                    </div><!-- /in_Div --> 
 | 
                </apex:outputPanel> 
 | 
                <!-- 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> 
 | 
       
 | 
                    <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 --> 
 | 
            </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> 
 | 
   
 | 
                <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 blockWidth = j$(escapeVfId('allPage:allForm:searchBlock')).width() - j$('div#out_Div_L').width()-sbwidth-widthAjustment; 
 | 
        // var blockWidth = j$(escapeVfId('allPage:allForm:searchBlock')).width() - j$('div#out_Div_L').width() - widthAjustment - sbwidth - 20; 
 | 
        var tableHeader_L =  j$(escapeVfId('tableHeader_L')).width(); 
 | 
        console.log('~'+tableWidth); 
 | 
        j$('div#in_Div_L').css('width', tableHeader_L+ 'px');  
 | 
        j$('table#tableData_L').css('width', tableHeader_L + 'px'); 
 | 
        console.log('tableWidth:'+tableWidth+'blockWidth:'+blockWidth); 
 | 
        if(tableWidth > blockWidth){ 
 | 
            console.log('111~~'+blockWidth); 
 | 
            j$('div#in_Div').css('width', blockWidth+ 'px'); // 20230519 ljh +20 
 | 
            j$('div#out_Div').css('width', blockWidth + 'px'); // 20230519 ljh  
 | 
            j$('table#tableHeader').css('width', tableWidth + 'px'); // 20230725 ljh 
 | 
            j$('table#tableData').css('width', tableWidth + 'px'); // 20230725 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()); 
 | 
        // }); 
 | 
        var testWidth = 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(); 
 | 
                // console.log('colClass'+temp); 
 | 
                listColClassWidthMap[colClass] = temp; 
 | 
                testWidth += temp; 
 | 
            } 
 | 
        }); 
 | 
  
 | 
        console.log('testWidth:'+testWidth); 
 | 
        if(tableWidth > blockWidth){ 
 | 
            j$('table#tableHeader').css('width', testWidth+tableHeader_L + 'px'); // 20230725 ljh 
 | 
            j$('table#tableData').css('width', testWidth + tableHeader_L+'px'); // 20230725 ljh  
 | 
        } 
 | 
        // windowResize(); 
 | 
    } 
 | 
    windowResize(); 
 | 
    // スクロール連動 
 | 
    j$('div#in_Div').scroll(function() { 
 | 
        j$('div#out_Div').scrollLeft(j$(this).scrollLeft()); 
 | 
        j$('div#in_Div_L').scrollTop(j$(this).scrollTop()); 
 | 
    }); 
 | 
    console.log(j$('div#out_Div').width()+'~'+j$('div#in_Div').width()); 
 | 
    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) { 
 | 
    if (MetadataConnectionWarning) SFDCAddRemote('{!$Api.Session_ID}'); 
 | 
} 
 | 
function sortTableJs(key) { 
 | 
  // 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'); 
 | 
  
 | 
//     // 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; 
 | 
    if (id.length > 5 && id.substring(id.length - 5, id.length) == 'mlktp') { 
 | 
        elements[i].style.display = "none"; 
 | 
    } 
 | 
} 
 | 
var tbl_l = document.getElementById("tableData_L"); 
 | 
var input_l = tbl_l.getElementsByTagName("input"); 
 | 
for (i = 0; i < input_l.length; i++) { 
 | 
    var id = input_l[i].id + '_lkid'; 
 | 
    if (document.getElementById(id) != null) { 
 | 
        input_l[i].style.width = "75%"; 
 | 
    } 
 | 
} 
 | 
var tbl = document.getElementById("tableData"); 
 | 
var input = tbl.getElementsByTagName("input"); 
 | 
for (i = 0; i < input.length; i++) { 
 | 
    var id = input[i].id + '_lkid'; 
 | 
    if (document.getElementById(id) != null) { 
 | 
        input[i].style.width = "75%"; 
 | 
    } 
 | 
} 
 | 
//aをクリックする際に、tdイベントを実装しない 
 | 
j$("a[name='out_Div_a']").bind("click",function(event){ 
 | 
    event.stopPropagation(); 
 | 
}); 
 | 
// windowResize(); // 20230523 ljh lightning 
 | 
</script> 
 | 
        </apex:outputPanel> 
 | 
    <!-- </apex:form> --> 
 | 
</apex:component> 
 |