| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 | 
<div data-options="dxView : { name: 'FacilityOperationReportSearchConditionView' } ">    <div data-bind="dxOverlay: popupSearchViewOptions ">        <div data-bind="dxScrollView: {}" class="search-view-frame">            <div class="search-view" ><!--                <div id="searchViewCondition" style="width:1000px;">-->                    <div id="searchViewCondition">                        <div class="search-title">                            <span class="search-text">@searchCondition</span>                            <div class="dx-field right-search-wrap">                                <div style="float: right;" data-bind="dxButton: { text: '@search', icon: 'search', clickAction: handleSearchInSearchView }"></div>                            </div>                        </div>                        <div class="dx-fieldset">                            <div data-options="dxViewPlaceholder: { viewName: 'SearchViewDateTimeBox' }"></div>                            <div class="dx-field search-field-box">                                <ul class="search-row-layout"><!--                                    <li class="form-Box">                                        <div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.FirstClassId.check }" />                                    </li>-->                                    <li class="form-label">                                        <div class="dx-field-label">@facilityClass</div>                                    </li>                                    <li class="form-field">                                        <div class="dx-field-value" data-bind="dxSelectBox: {											dataSource: searchViewItems.FirstClassId.dataSource,											displayExpr: 'Name' ,											valueExpr: 'FacilityClassId' ,											valueChangeAction: searchViewItems.FirstClassId.handleChangedValue,											value: searchViewItems.FirstClassId.value }">                                        </div>                                        <div class="dx-field-value" data-bind="dxSelectBox: {											dataSource: searchViewItems.SecondClassId.dataSource,											displayExpr: 'Name' ,											valueExpr: 'FacilityClassId' ,											valueChangeAction: searchViewItems.SecondClassId.handleChangedValue,											value: searchViewItems.SecondClassId.value }">                                        </div>                                        <div class="dx-field-value" data-bind="dxSelectBox: {											dataSource: searchViewItems.ThirdClassId.dataSource,											displayExpr: 'Name' ,											valueExpr: 'FacilityClassId' ,                                            valueChangeAction: searchViewItems.ThirdClassId.handleChangedValue,											value: searchViewItems.ThirdClassId.value }">                                        </div>                                    </li>                                </ul>                            </div>                            <div class="dx-field search-field-box">                                <ul class="search-row-layout">                                    <li class="form-label"><div class="dx-field-label">설비 목록</div></li>                                    <li class="form-value" style="clear: both;">                                        <div id="FacilityDataGridViewInSearchView" style="width: auto; height: 420px; background-color: #fafafa; font-size:11px" data-bind="dxDataGrid: FacilityDataGridOptions">                                        </div>                                    </li>                                </ul>                            </div>                        </div>                    </div>                </div>        </div>    </div></div>
 |