<div data-options="dxView : { name: 'Zone_TempHumiSearchConditionView' } ">
    <div data-bind="dxOverlay: popupSearchViewOptions ">
        <div data-bind="dxScrollView: {}" class="search-view-frame">
            <div class="search-view">
                <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 class="dx-field search-field-box">
                            
                            <ul class="search-row-layout">
                                <li class="form-label"><div class="dx-field-label">@fuelType</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                            dataSource: searchViewItems.FuelTypeId.dataSource,
                                            displayExpr: 'Name' ,
                                            valueExpr: 'FuelTypeId' ,
                                            value: searchViewItems.FuelTypeId.value }">
                                    </div>
                                </li>
                            </ul>
                            
                        </div>-->
                        <div class="dx-field search-field-box">
                            <div data-options="dxViewPlaceholder: { viewName: 'SearchViewDateTimeBox' }"></div>
                            <ul class="search-row-layout">
<!--                                <li class="form-label"><div class="dx-field-label">@location</div></li>-->
                                <li class="form-label"><div class="dx-field-label">@waterCoolingList</div></li>
<!--                                <li class="form-value" style="clear: both; width: 100%; height: 400px;" style="margin-top: 15px;" data-bind="dxScrollView: {}">-->
                                <li style="clear: both;"></li>
                                <li class="form-value" style="width: 100%;">
                                        <div id="airHandlingDataGridViewInSearchView" style="width: 100%; height: 466px;" data-bind="dxDataGrid: airHandlingDataGridOptions">
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>