<div data-options="dxView: { name: 'Cooler', title: 'Cooler' }"> <div data-options="dxContent: { targetPlaceholder: 'content' }"> <div data-options="dxViewPlaceholder: { viewName: 'CoolerGraphViewPopup' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'CoolerOperatePopup' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'CoolerPredictPopup' }"></div> <div style="position: absolute; top: 0px; left: 0px"> <div class="clear" data-bind="dxButton: { icon: 'chevronleft', clickAction:onPrevious }" style="float:left;"></div> <div id="dateBox" class="clear" data-bind="dxDateBox: { value: dateBoxValue, fieldEditEnabled: false, format: 'date', formatString: 'yyyy년 MM월 dd일' }" style="float: left;"></div> <div class="clear" data-bind="dxButton: { icon: 'chevronright', clickAction:onNext }" style="float: left;"></div> </div> <div style="float:right; height:45px"> <div class="clear" data-bind="dxButton: { text:'부하 예측', clickAction: predictPopup.show }" style="font-size:18px"></div> <div class="clear" data-bind="dxButton: { text:'최적운전산출', clickAction: operatePopup.show }" style="font-size:18px"></div> </div> <div class="clear"> <div id="gridContainer" data-bind="dxDataGrid: {grouping: { allowCollapsing: false, autoExpandAll:true } }" style="height: 664px; width: 100%;;margin-top:5px;clear:both"></div> </div> <div data-bind="dxButton:{text:'그래프 보기', clickAction: graphViewPopup.show }" style="float:right"></div> </div> </div>