| 12345678910111213141516171819202122232425262728293031323334353637383940 | <div data-options="dxView : { name: 'PlanConsumeGoal', title: '에너지 사용량 목표 설정', pane: 'master' } ">    <div data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'PlanConsumeGoalPopup' }"></div>        <div id="LoadPanel"></div>        <p class="body_sub_title">에너지 사용량 목표 설정</p>        <!--  2019.04.17 : 그리드 도표 작업 : 팝업창 추가 ~~~ -->        <div data-options="dxViewPlaceholder: { viewName: 'PlanGoalPopup' }"></div>        <div data-options="dxView : { name: 'PlanGoalPopup'} ">            <div data-bind="dxPopup: PlanGoalPopupOptions ">                <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="PlanGoal_Container" style="height: auto; width: 100%; "                             data-bind="dxDataGrid: PlanGoalOptions" />                    </div>                </div>            </div>        </div>        <!--  ~~~ 2019.04.17 : 그리드 도표 작업 : 팝업창 추가 -->        <!--상단 차트 레이아웃-->        <div class="chart_wrap_box" style="width: 100%;height: 100%;">            <div style="width: 100%; height: 30px;">                <div id="monthBtn" class="fl" style="margin-right: 5px;"></div>                <div id="yearBtn" class="fl" style="margin-right: 20px;"></div>                <div class="fl" style="width: 70px;margin-top: 7px;margin-right:2px;">연도 선택</div>                <div id="startDatePicker" class="fl" style="width: 140px;margin-right: 20px;"></div>                <div class="fl" style="width: 70px;margin-top: 7px;margin-right: 2px;">에너지 원</div>                <div id="energySelect" class="fl" style="width: 70px;"></div>                <div id="goalBtn" class="fr" style="width:240px;margin-right: 10px;"></div>                           </div>            <div id="sideBarChart" style="height: 100%; width: 100%;" data-bind="dxChart: chartOptions"></div>        </div>        <!--  2019.04.17 : 그리드 도표 작업 : 팝업창 추가 -->        <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: PlanGoalPopup_ButtonClicked}"></div>    </div></div>
 |