| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 | <div data-options="dxView : { name: 'RealtimeEnergyConsumption', title: '@viewRealtimePowerConsumption', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'RealtimeEnergyConsumptionSearchConditionView' }"></div>        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholder: { viewName: 'RealtimeEnergyConsumptionDataGridPopup' }"></div>        <div data-options="dxView : { name: 'RealtimeEnergyConsumptionDataGridPopup'} ">            <div data-bind="dxPopup: RealtimeEnergyConsumptionDataGridPopupOptions ">                <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="RealtimeEnergyConsumptionDataGrid_Container" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: RealtimeEnergyConsumptionDataGridOptions" />                    </div>                </div>            </div>        </div>        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->        <ul style="margin: 0 auto; height: 30px; width : 100%;float:right">            <li style="width : 6%;float:right;" id="checkBox_humidity"></li>            <li style="width : 6%;float:right;" id="checkBox_temperature"></li>            <li style="width : 6%;float:right;" id="checkBox_value"></li>                            </ul>              <!--        <div id="chartOutdoorTemperature" style="height: 200px; width: 100%;" />-->        <div id="chartContext" class="chart_wrap_box" style="width: 100%;">            <!--<ul class="energy_use_data_date" style="margin: 0 auto;">                <li style="width: 40%;">                    <span style="float: left;" data-bind="dxCheckBox: { value:check_A}" />                    <span style="margin-top: 5px;">쿨링 어프로치</span>                </li>                <li style="width: 48%;">                    <span style="float: left;" data-bind="dxCheckBox: { value:check_R}" />                    <span style="margin-top: 5px;">쿨링 레인지</span>                </li>            </ul>-->            <div id="chartRT" style="height: 680px; width: 100%;" />        </div>        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: RealtimeEnergyConsumptionDataGridPopup_ButtonClicked}"></div>        <!--  2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-bind="dxContextMenu: { items: menuItems, itemClickAction: handleMenuItemClick, target: '#chartContext'}"></div>    </div></div>
 |