<div data-options="dxView : { name: 'ConstructionHistorySearchConditionView' } ">
    <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-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.ConstructionTypeId.check }" /></li>
                                <li class="form-label"><div class="dx-field-label">공사구분</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                    disabled: !searchViewItems.ConstructionTypeId.check(),
                                    dataSource: searchViewItems.ConstructionTypeId.dataSource,
                                    displayExpr: 'Name' ,
                                    valueExpr: 'ConstructionTypeId' ,
                                    value: searchViewItems.ConstructionTypeId.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">공사명</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 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.PartnerId.check }" /></li>
                                <li class="form-label"><div class="dx-field-label">공사업체</div></li>
                                <li class="form-field">
                                    <div class="dx-field-value" data-bind="dxSelectBox: {
                                    disabled: !searchViewItems.PartnerId.check(),
                                    dataSource: searchViewItems.PartnerId.dataSource,
                                    displayExpr: 'Name' ,
                                    valueExpr: 'PartnerId' ,
                                    value: searchViewItems.PartnerId.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.StartDate.check }" /></li>
                                <li class="form-label"><div class="dx-field-label">시작일</div></li>
                                <li class="form-field">
                                    <!-- jks-2016-02-01 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기 -->
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.StartDate.value[0], format: 'date', disabled: !searchViewItems.StartDate.check() }"></div>
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.StartDate.value[1], format: 'date', disabled: !searchViewItems.StartDate.check() }"></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.EndDate.check }" /></li>
                                <li class="form-label"><div class="dx-field-label">종료일</div></li>
                                <li class="form-field">
                                    <!-- jks-2016-02-01 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기 -->
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.EndDate.value[0], format: 'date', disabled: !searchViewItems.EndDate.check() }"></div>
                                    <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems.EndDate.value[1], format: 'date', disabled: !searchViewItems.EndDate.check() }"></div>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>