1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <div data-options="dxView : { name: 'SeniorPopup' } ">
- <div data-bind="dxPopup: popupOptions ">
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
- <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
- </div>
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
- <div id="popupDetail" data-bind="dxscrollview: { }">
- <h2 data-bind="text: dataModel.Name, css: {'dx-state-invisible': isEditModeInPopup }"></h2>
- <div class="dx-fieldset">
- <div class="dx-field">
- <div class="dx-field-label">@seniorItem</div>
- <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.SeniorItemName"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: seniorItems,
- displayExpr: 'Name' ,
- valueExpr: 'SeniorItemId' ,
- value: dataModel.SeniorItemId
- }"></div>
- <!-- /ko -->
- </div>
- <div class="dx-field">
- <div class="dx-field-label">@seniorTargetUser</div>
- <div class="dx-field-value" data-bind="text: dataModel.SeniorUserName, css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.SeniorUserName, readonly: true }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: buttonSearchSeniorUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- </div>
- <div class="dx-field">
- <div class="dx-field-label">@seniorStartDate</div>
- <div class="dx-field-value" data-bind="text: $G.date( dataModel.StartDate() ), css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.StartDate, format: 'date' }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- </div>
- <div class="dx-field">
- <div class="dx-field-label">@seniorEndDate</div>
- <div class="dx-field-value" data-bind="text: $G.date( dataModel.EndDate() ), css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.EndDate, format: 'date' }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
- </div>
- <div class="dx-field">
- <div class="dx-field-label">@isUse</div>
- <div class="dx-field-value" data-bind="text: $G.isUse(dataModel.IsUse()), css: {'dx-state-invisible': isEditModeInPopup }"></div>
- <!-- ko if: isEditModeInPopup -->
- <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse }"></div>
- <!-- /ko -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
|