1cf6122815b0e5e0b18ecd35fc187fbaa43b2e0b.svn-base 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <div data-options="dxView : { name: 'RealtimeEnergyConsumption', title: '@viewRealtimePowerConsumption', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  5. <div data-options="dxViewPlaceholder: { viewName: 'RealtimeEnergyConsumptionSearchConditionView' }"></div>
  6. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  7. <div data-options="dxViewPlaceholder: { viewName: 'RealtimeEnergyConsumptionDataGridPopup' }"></div>
  8. <div data-options="dxView : { name: 'RealtimeEnergyConsumptionDataGridPopup'} ">
  9. <div data-bind="dxPopup: RealtimeEnergyConsumptionDataGridPopupOptions ">
  10. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  11. <div id="popupDetail" data-bind="dxscrollview: { }">
  12. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 사용량 트랜드</div>
  13. <div id="RealtimeEnergyConsumptionDataGrid_Container" style="height: auto; width: 100%; "
  14. data-bind="dxDataGrid: RealtimeEnergyConsumptionDataGridOptions" />
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  20. <ul style="margin: 0 auto; height: 30px; width : 100%;float:right">
  21. <li style="width : 6%;float:right;" id="checkBox_humidity"></li>
  22. <li style="width : 6%;float:right;" id="checkBox_temperature"></li>
  23. <li style="width : 6%;float:right;" id="checkBox_value"></li>
  24. </ul>
  25. <!-- <div id="chartOutdoorTemperature" style="height: 200px; width: 100%;" />-->
  26. <div id="chartContext" class="chart_wrap_box" style="width: 100%;">
  27. <!--<ul class="energy_use_data_date" style="margin: 0 auto;">
  28. <li style="width: 40%;">
  29. <span style="float: left;" data-bind="dxCheckBox: { value:check_A}" />
  30. <span style="margin-top: 5px;">쿨링 어프로치</span>
  31. </li>
  32. <li style="width: 48%;">
  33. <span style="float: left;" data-bind="dxCheckBox: { value:check_R}" />
  34. <span style="margin-top: 5px;">쿨링 레인지</span>
  35. </li>
  36. </ul>-->
  37. <div id="chartRT" style="height: 680px; width: 100%;" />
  38. </div>
  39. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  40. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: RealtimeEnergyConsumptionDataGridPopup_ButtonClicked}"></div>
  41. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  42. <div data-bind="dxContextMenu: { items: menuItems, itemClickAction: handleMenuItemClick, target: '#chartContext'}"></div>
  43. </div>
  44. </div>