| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 | <div data-options="dxView : { name: 'UsageByEnergy', title: '@viewUsageByEnergy', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'UsageByEnergySearchConditionView' }"></div>        <!--  2017.11.27 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholder: { viewName: 'UsageByEnergyDataGridPopup' }"></div>        <!--  2017.11.27 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholde: { viewName: 'msgbox ' }">            <div class="popup" data-bind="dxPopup: popupOptions">                <div data-options="dxTemplate: { name:'info' }">                    <div id="large-indicator" style="margin-left: 40%;"></div>                    <span> </span>                    <p></p>                    <p align="center">에너지사용량 조회 중 입니다.</p>                    <p align="center">잠시만 기다려 주세요! </p>                </div>            </div>        </div>        <div data-options="dxView : { name: 'UsageByEnergyDataGridPopup'} ">            <div data-bind="dxPopup: UsageByEnergyDataGridPopupOptions ">                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">                    <div id="popupDetail" data-bind="dxscrollview: { }">                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지원 별 사용량(전기)</div>                        <div id="UsageByEnergyDataGrid_Container" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: UsageByEnergyDataGridOptions" />                    </div>                </div>            </div>            <div data-bind="dxPopup: UsageByEnergyDataGridPopupOptions1 ">                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">                    <div id="popupDetail" data-bind="dxscrollview: { }">                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지원 별 사용량</div>                        <div id="UsageByEnergyDataGrid_Container1" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: UsageByEnergyDataGridOptions1" />                    </div>                </div>            </div>            <div data-bind="dxPopup: UsageByEnergyDataGridPopupOptions2 ">                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">                    <div id="popupDetail" data-bind="dxscrollview: { }">                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지원 별 사용량(CO2)</div>                        <div id="UsageByEnergyDataGrid_Container2" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: UsageByEnergyDataGridOptions2" />                    </div>                </div>            </div>            <div data-bind="dxPopup: UsageByEnergyDataGridPopupOptions3 ">                <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">                    <div id="popupDetail" data-bind="dxscrollview: { }">                        <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지원 별 사용량(전기+가스)</div>                        <div id="UsageByEnergyDataGrid_Container3" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: UsageByEnergyDataGridOptions3" />                    </div>                </div>            </div>        </div>        <p class="body_sub_title">에너지원별 사용량</p>        <!--        <div id="chartOutdoorTemperature" style="height: 200px; width: 100%;" />-->        <div class="chart_wrap_box" style="width: 100%;">            <div id="chartU2" style="height: 680px; width: 100%;" />        </div>        <!--  2017.11.27 : 그리드 도표 작업 : 팝업창 추가 -->        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: UsageByEnergyDataGridPopup_ButtonClicked}"></div>        <!--  2017.11.27 : 그리드 도표 작업 : 팝업창 추가 -->    </div></div>
 |