20595931b151ed5f6bd25c10b1020eb698a6c885.svn-base 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <div data-options="dxView : { name: 'SeniorPopup' } ">
  2. <div data-bind="dxPopup: popupOptions ">
  3. <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
  4. <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
  5. </div>
  6. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  7. <div id="popupDetail" data-bind="dxscrollview: { }">
  8. <h2 data-bind="text: dataModel.Name, css: {'dx-state-invisible': isEditModeInPopup }"></h2>
  9. <div class="dx-fieldset">
  10. <div class="dx-field">
  11. <div class="dx-field-label">@seniorItem</div>
  12. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.SeniorItemName"></div>
  13. <!-- ko if: isEditModeInPopup -->
  14. <div class="dx-field-value" data-bind="dxSelectBox: {
  15. dataSource: seniorItems,
  16. displayExpr: 'Name' ,
  17. valueExpr: 'SeniorItemId' ,
  18. value: dataModel.SeniorItemId
  19. }"></div>
  20. <!-- /ko -->
  21. </div>
  22. <div class="dx-field">
  23. <div class="dx-field-label">@seniorTargetUser</div>
  24. <div class="dx-field-value" data-bind="text: dataModel.SeniorUserName, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  25. <div class="dx-field-value" data-bind="dxTextBox: { value: dataModel.SeniorUserName, readonly: true }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  26. <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: buttonSearchSeniorUser }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  27. </div>
  28. <div class="dx-field">
  29. <div class="dx-field-label">@seniorStartDate</div>
  30. <div class="dx-field-value" data-bind="text: $G.date( dataModel.StartDate() ), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  31. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.StartDate, format: 'date' }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  32. </div>
  33. <div class="dx-field">
  34. <div class="dx-field-label">@seniorEndDate</div>
  35. <div class="dx-field-value" data-bind="text: $G.date( dataModel.EndDate() ), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  36. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.EndDate, format: 'date' }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  37. </div>
  38. <div class="dx-field">
  39. <div class="dx-field-label">@isUse</div>
  40. <div class="dx-field-value" data-bind="text: $G.isUse(dataModel.IsUse()), css: {'dx-state-invisible': isEditModeInPopup }"></div>
  41. <!-- ko if: isEditModeInPopup -->
  42. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse }"></div>
  43. <!-- /ko -->
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>