| 12345678910111213141516171819202122232425262728293031323334 | <div data-options="dxView : { name: 'PlanCoolerHistory', title: '냉동기 운전이력 분석', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->        <div data-options="dxViewPlaceholder: { viewName: 'PlanCoolerHistoryDataGridPopup' }"></div>        <div data-options="dxView : { name: 'PlanCoolerHistoryDataGridPopup'} ">            <div data-bind="dxPopup: PlanCoolerHistoryDataGridPopupOptions ">                <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="PlanCoolerHistoryDataGrid_Container" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: PlanCoolerHistoryDataGridOptions" />                    </div>                </div>            </div>        </div>        <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->        <div id="LoadPanel"></div>        <p class="body_sub_title">냉동기 운전이력 분석</p>        <div class="chart_wrap_box" style="width: 100%;height:720px;">            <div id="cooler_history_calendarPicker" class="fl" style="height:30px; width: 130px;margin-left:10px;" data-bind="dxDateBox: cooler_history_calendarPicker"></div>            <div class="fr" style="margin-right:10px; line-height:240%;">미가동</div>            <div class="fr" style="margin-right:10px; line-height:240%;"><img src="/images/gray.png"></div>            <div class="fr" style="margin-right:30px; line-height:240%;">가동</div>            <div class="fr" style="margin-right:10px; line-height:240%;"><img src="/images/green.png"></div>            <div class="fl" style="margin-left: 10px; color:black; background: #fafafa; height: 30px; text-align: center; width: 120px;" id="DateBox"></div>            <div id="cooler_history_list" class="fl" style="width: 200px; height: 200px" data-bind="dxDataGrid: cooler_history_list"></div>            <div id="cooler_data_list" class="fl" style="height: 600px; width: 100%; font-size: 12px; margin-top:10px;" data-bind="dxDataGrid: cooler_data_list"></div>            <!--  2018.07.24 : 그리드 도표 작업 : 팝업창 추가 -->            <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: PlanCoolerHistoryDataGridPopup_ButtonClicked}"></div>        </div>    </div></div>
 |