1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <div data-options="dxView : { name: 'AccidentSearchConditionView' } ">
- <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.AccidentTypeId.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.AccidentTypeId.check(),
- dataSource: searchViewItems.AccidentTypeId.dataSource,
- displayExpr: 'Name' ,
- valueExpr: 'AccidentTypeId' ,
- value: searchViewItems.AccidentTypeId.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(), placeholder: '이름 입력' }"></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>
|