| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 | <div data-options="dxView : { name: 'UserSearchConditionView' } ">    <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.EmploymentType.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@userEmploymentType</div></li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.EmploymentType.check(),                                    dataSource: searchViewItems.EmploymentType.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'Id' ,                                    value: searchViewItems.EmploymentType.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.EmploymentStatus.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@userEmploymentStatus</div></li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.EmploymentStatus.check(),                                    dataSource: searchViewItems.EmploymentStatus.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'Id' ,                                    value: searchViewItems.EmploymentStatus.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.CompanyId.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@userCompany/@userDepartment</div></li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.CompanyId.check(),                                    dataSource: searchViewItems.CompanyId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'CompanyId' ,                                    valueChangeAction: searchViewItems.CompanyId.handleChangedValue,                                    value: searchViewItems.CompanyId.value }">                                </div>                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.CompanyId.check(),                                    dataSource: searchViewItems.DepartmentId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'DepartmentId' ,                                    value: searchViewItems.DepartmentId.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">@userName</div></li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems.Name.value, disabled: !searchViewItems.Name.check() }"></div>                            </li>                        </ul>                    </div>                </div>            </div>        </div>    </div></div>
 |