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