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>
|