| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193 | <div data-options="dxView : { name: 'WorkHistorySearchConditionView' } ">    <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.BusinessFieldId.check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@businessFieldName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.BusinessFieldId.check(),                                    dataSource: searchViewItems.BusinessFieldId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'BusinessFieldId' ,                                    value: searchViewItems.BusinessFieldId.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.WorkTypeId.check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@workTypeName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.WorkTypeId.check(),                                    dataSource: searchViewItems.WorkTypeId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'WorkTypeId' ,                                    value: searchViewItems.WorkTypeId.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['FmsWorkResult/StartDate'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@startDate</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['FmsWorkResult/StartDate'].value[0], format: 'date', disabled: !searchViewItems['FmsWorkResult/StartDate'].check() }"></div>                                <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems['FmsWorkResult/StartDate'].value[1], format: 'date', disabled: !searchViewItems['FmsWorkResult/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['FmsWorkResult/EndDate'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@endDate</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['FmsWorkResult/EndDate'].value[0], format: 'date', disabled: !searchViewItems['FmsWorkResult/EndDate'].check() }"></div>                                <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems['FmsWorkResult/EndDate'].value[1], format: 'date', disabled: !searchViewItems['FmsWorkResult/EndDate'].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['FmsWorkResult/ConfirmedDate'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@approvalDate</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['FmsWorkResult/ConfirmedDate'].value[0], format: 'date', disabled: !searchViewItems['FmsWorkResult/ConfirmedDate'].check() }"></div>                                <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: searchViewItems['FmsWorkResult/ConfirmedDate'].value[1], format: 'date', disabled: !searchViewItems['FmsWorkResult/ConfirmedDate'].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.Title.check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@workName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems.Title.value, disabled: !searchViewItems.Title.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.WorkProgressId.check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@workProgress</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    disabled: !searchViewItems.WorkProgressId.check(),                                    dataSource: searchViewItems.WorkProgressId.dataSource,                                    displayExpr: 'Name' ,                                    valueExpr: 'WorkProgressId' ,                                    value: searchViewItems.WorkProgressId.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['CmUser/Name'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@requesterName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems['CmUser/Name'].value, disabled: !searchViewItems['CmUser/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['FmsWorkResult/CmUser/Name'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@workerName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems['FmsWorkResult/CmUser/Name'].value, disabled: !searchViewItems['FmsWorkResult/CmUser/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['FmsWorkResult/CmUser1/Name'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">@approvalUserName</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems['FmsWorkResult/CmUser1/Name'].value, disabled: !searchViewItems['FmsWorkResult/CmUser1/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['CmUser1/Name'].check }" />                            </li>                            <li class="form-label">                                <div class="dx-field-label">반려자</div>                            </li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems['CmUser1/Name'].value, disabled: !searchViewItems['CmUser1/Name'].check() }"></div>                            </li>                        </ul>                    </div>                </div>            </div>        </div>    </div></div>
 |