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