<div data-options="dxView : { name: 'EnergyUsageFactorAnalysis', title: '에너지 소비 요인 분석', pane: 'master' } "> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorAnalysisPopup' }"></div> <p class="body_sub_title">에너지 소비 요인 분석</p> <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가~~~ --> <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorPopup' }"></div> <div data-options="dxView : { name: 'EnergyUsageFactorPopup'} "> <div data-bind="dxPopup: EnergyUsageFactorPopupOptions "> <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="EnergyUsageFactor_Container" style="height: auto; width: 100%; " data-bind="dxDataGrid: EnergyUsageFactorOptions" /> </div> </div> </div> </div> <div data-bind="dxPopup: EnergyUsageFactorPopupOptions1 "> <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="EnergyUsageFactor_Container1" style="height: auto; width: 100%; " data-bind="dxDataGrid: EnergyUsageFactorOptions1" /> </div> </div> </div> <div data-bind="dxPopup: EnergyUsageFactorPopupOptions2 "> <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="EnergyUsageFactor_Container2" style="height: auto; width: 100%; " data-bind="dxDataGrid: EnergyUsageFactorOptions2" /> </div> </div> </div> <!-- ~~~2019.04.16 : 그리드 도표 작업 : 팝업창 추가 --> <!--전체 레이아웃--> <div class="chart_wrap_box" style="width: 100%; height: 750px;"> <div class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">기준 년도</div><div id="standardDatePicker" class="fl" data-bind="dxDateBox: standardDatePicker"></div> <div id="insertTxt" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">소비 요인</div><div id="factorSelect" class="fl" style="width: 150px; margin-left: 5px; margin-right: 5px;" data-bind="dxSelectBox: factorSelect"></div> <div id="insertBtn" class="fl" style="margin-left:10px;visibility:hidden;" data-bind="dxButton: {text: '월별 자료 입력', onClick: InsertButtonClicked}"></div> <div id="textHDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">HDD기준온도</div><div id="inputHDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputHDD"></div> <div id="textCDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">CDD기준온도</div><div id="inputCDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputCDD"></div> <br /> <br /> <div id="compareChart" class="fl" style="height: 700px; width: 100%;" data-bind="dxChart: compareChart"></div> <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div> </div> <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가 --> <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: EnergyUsageFactorPopup_ButtonClicked}"></div> </div> </div>