<div data-options="dxView: { name: 'Price', title: 'Price' }"> <div data-options="dxContent: { targetPlaceholder: 'content' }"> <div class="clear-padding" data-bind="dxPopover: createOption"> <div data-bind="dxList: { dataSource: createOption.dataSource, itemClickAction: createOption.itemClick }"> <div data-options="dxTemplate:{ name:'item' }"> <div data-bind="text: subject"></div> </div> </div> </div> <div data-bind="dxPopup: createPopupOption"> <div class="dx-field"> <div class="dx-field-label">시행일자</div> <div class="dx-field-value"><div data-bind="dxDateBox:{value: createPopupOption.date, fieldEditEnabled: false, format: 'date', formatString: 'yyyy년 MM월 dd일'}"></div></div> </div> </div> <div style="position: absolute; top: 0px; left: 0px"> <div id="applyDate" data-bind="dxSelectBox: applyOption"> </div> </div> <div class="segmented" data-bind="dxTabs: { dataSource: ['전기', '가스', '수도'], selectedIndex: selectedTab }" style="width: 30%; "></div> <div style="position: absolute; top: 0px; right: 0px"> <div id="create" class="clear" data-bind="dxButton: { text:'신규', clickAction: function() {createOption.visible(true); } }" style="font-size:18px"></div> </div> <div class="clear focus-overlay-clear"> <div id="gridContainer" class="top-line" data-bind="dxDataGrid: { showRowLines: true, showColumnLines: false }" style="height: 650px; width: 100%;;margin-top:15px;clear:both"></div> </div> </div> </div>