<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>