| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 | 
<div data-options="dxView : { name: 'PointPopup' } ">    <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">@facilityType</div>                        <div class="dx-field-value" style="width:300px" data-bind="text: dataModel.FacilityTypeName"></div>                    </div>                    <div class="dx-field">                        <div class="dx-field-label">@facilityName</div>                        <div class="dx-field-value" style="width:300px" data-bind="text: dataModel.FacilityName"></div>                    </div>                    <!--                    <div class="dx-field">                                            <div class="dx-field-label">@facilityCode</div>                                            <div class="dx-field-value" data-bind="text: dataModel.FacilityCode"></div>                                        </div>-->                    <!--                                        <div class="dx-field">                                            <div class="dx-field-label">@propertyId</div>                                            <div class="dx-field-value" data-bind="text: dataModel.PropertyId, css: {'dx-state-invisible': isEditModeInPopup }"></div>                                            <div class="dx-field-value" data-bind="dxNumberBox: { width: 100, min: 1, showSpinButtons: true, value: dataModel.PropertyId }"></div>                                        </div>-->                    <div class="dx-field">                        <div class="dx-field-label">@pointName (*)</div>                        <div class="dx-field-value" style="width:300px" data-bind="text: dataModel.Name, css: {'dx-state-invisible': isEditModeInPopup }"></div>                        <div class="dx-field-value" style="width:300px" data-bind="dxTextBox: { value: dataModel.Name }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>                    </div>                    <div class="dx-field">                        <div class="dx-field-label">@valueType (*)</div>                        <div class="dx-field-value" data-bind="text: dataModel.ValueTypeName, css: {'dx-state-invisible': isEditModeInPopup }"></div>                        <!-- ko if: isEditModeInPopup -->                        <div class="dx-field-value" data-bind="dxSelectBox: {                                dataSource: popup.valueTypes,                                displayExpr: 'Name' ,                                valueExpr: 'ValueType' ,                                value: dataModel.ValueType,                            }"></div>                        <!-- /ko -->                    </div>                    <div class="dx-field">                        <div class="dx-field-label">@serviceType (*)</div>                        <div class="dx-field-value" data-bind="text: dataModel.ServiceTypeName, css: {'dx-state-invisible': isEditModeInPopup }"></div>                        <!-- ko if: isEditModeInPopup -->                        <div class="dx-field-value" data-bind="dxSelectBox: {                                dataSource: popup.serviceTypes,                                displayExpr: 'Name' ,                                valueExpr: 'ServiceTypeId' ,                                value: dataModel.ServiceTypeId,                            }"></div>                        <!-- /ko -->                    </div>                    <div class="dx-field">                        <div class="dx-field-label">@fuelType (*)</div>                        <div class="dx-field-value" data-bind="text: dataModel.FuelTypeName, css: {'dx-state-invisible': isEditModeInPopup }"></div>                        <!-- ko if: isEditModeInPopup -->                        <div class="dx-field-value" data-bind="dxSelectBox: {                                dataSource: popup.fuelTypes,                                displayExpr: 'Name' ,                                valueExpr: 'FuelTypeId' ,                                value: dataModel.FuelTypeId,                            }"></div>                        <!-- /ko -->                    </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">@note</td>                                </tr>                                <tr>                                    <td class="result_con">                                        <!--jks-2015-12-24 내용 입력 영역 확대100%-->                                        <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Description, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>                                        <div class="dx-field-value cw-wordwrap" style="height: 200px;" data-bind="text: dataModel.Description, css: {'dx-state-invisible': isEditModeInPopup }"></div>                                    </td>                                </tr>                            </tbody>                        </table>                    </div>                </div>            </div>        </div>    </div></div>
 |