<div data-options="dxView : { name: 'LoadsPredictPopup', title: '예측' } "> <div class="clear" data-bind="dxPopup: predictPopup" style="padding-left:0px;padding-right:0px"> <div data-bind="dxTabPanel: { dataSource: [ { title: '외기온도', template: 'weather' }, { title: '시설가동여부', template: 'zone' } ], swipeEnabled: false, loop: false, animationEnabled: false, itemTemplate: $data.template }" style="height:100%"> <div data-options="dxTemplate : { name: 'weather' } "> <div id="weatherGrid" data-bind="dxDataGrid:{paging: { enabled: false }, showColumnLines:false, showRowLines:true, hoverStateEnabled:true }" style="height: 360px; width: 100%;"></div> </div> <div data-options="dxTemplate : { name: 'zone' } "> <div id="zoneGrid" data-bind="dxDataGrid:{paging: { enabled: false }, showColumnLines:false, showRowLines:true, hoverStateEnabled:true }" style="height: 360px; width: 100%;"></div> </div> </div> </div> </div>