<div data-options="dxView : { name: 'ControlValueSetPopup'} "> <div data-bind="dxPopup: popupOptions "> <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;"> <!-- <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>--> </div> <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' }"> <div id="popupDetail" data-bind="dxScrollView: { }"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label">설비명칭</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': false }, text: popupOptions.fName"></div> </div> <div class="dx-field"> <div class="dx-field-label">관제점명</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': false }, text: popupOptions.Name"></div> </div> <div class="dx-field"> <div class="dx-field-label">에너지원</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': false }, text: popupOptions.Energy"></div> </div> <div class="dx-field"> <div class="dx-field-label">용도</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': false }, text: popupOptions.Type"></div> </div> <div class="dx-field"> <div class="dx-field-label">현재값</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': false }, text: popupOptions.getValue"></div> </div> <div class="dx-field"> <div class="dx-field-label">설정값</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': true }, text: popupOptions.setValue"></div> <div class="dx-field-value" data-bind="dxTextBox: { value: popupOptions.setValue, placeholder: '' }, css: {'dx-state-invisible': false }"></div> </div> <div style="float: right; margin-top:12px; margin-bottom:4px; margin-right:0px" data-bind="dxButton: { text: '제어', clickAction: setValue }"></div> <div style="float: right; margin-left: 2px; margin-top:12px; margin-bottom:4px" data-bind="dxButton: { text: '닫기', clickAction: closePopUp}"></div> </div> </div> </div> </div> </div>