<div data-options="dxView : { name: 'InvestmentCostPopup'} "> <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 cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">투자비항목</div> <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Name"></div> <div class="dx-field-value cw-multi-field-value" style="width: 480px" data-bind="dxTextBox: { value: dataModel.Name }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label">투자비용</div> <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.InsvestmentCost"></div> <div class="dx-field-value cw-multi-field-value" data-bind="dxNumberBox: { value: dataModel.InsvestmentCost, min: 0}, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> </div> <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0"> <table> <caption class="skip">설명</caption> <tbody> <tr> <td class="result_item result_item_var minimal_height">설명</td> </tr> <tr> <td class="result_con"> <div class="dx-field-value cw-wordwrap" style="height: 100px;" data-bind="text: dataModel.Comment, css: {'dx-state-invisible': isEditModeInPopup }"></div> <!-- jks-2015-12-24 내용 입력 영역 확대100% --> <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Comment , height: 100 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div>