| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 | 
<div data-options="dxView : { name: 'ZoneSearchConditionView' } ">    <div data-bind="dxOverlay: popupSearchViewOptions ">        <div data-bind="dxScrollView: {}" class="search-view-frame">            <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-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.BuildingId.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@buildingName</div></li>                            <li class="form-field">                                <div id="selectBoxBuilding" class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: searchViewItems.BuildingId.check() == false,                                    dataSource: searchViewItems.BuildingId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'BuildingId' ,                                    value: searchViewItems.BuildingId.value }">                                </div>                            </li>                        </ul>                    </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.FloorId.check }" /></li>                            <li class="form-label"><div class="dx-field-label">층 명칭</div></li>                            <li class="form-field">                                <div id="selectBoxBuilding" class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: searchViewItems.FloorId.check() == false,                                    dataSource: searchViewItems.FloorId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'FloorId' ,                                    value: searchViewItems.FloorId.value }">                                </div>                            </li>                        </ul>                    </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.Name.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@zoneName</div></li>                            <li class="form-field">                                <div class="dx-field-value input_form" data-bind="dxTextBox: { value: searchViewItems.Name.value, disabled: !searchViewItems.Name.check() }"></div>                            </li>                        </ul>                    </div>                </div>            </div>        </div>    </div></div>
 |