937f49988c74fabe3c9ef7aa6936e58f5efc97dd.svn-base 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <div data-options="dxView : { name: 'UserSearchConditionView' } ">
  2. <div data-bind="dxOverlay: popupSearchViewOptions ">
  3. <div data-bind="dxScrollView: {}" class="search-view-frame">
  4. <div id="searchViewCondition">
  5. <div class="search-title">
  6. <span class="search-text">@searchCondition</span>
  7. <div class="dx-field right-search-wrap">
  8. <div style="float: right;" data-bind="dxButton: { text: '@search', icon: 'search', clickAction: handleSearchInSearchView }"></div>
  9. </div>
  10. </div>
  11. <div class="dx-fieldset">
  12. <div class="dx-field search-field-box">
  13. <ul class="search-row-layout">
  14. <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.EmploymentType.check }" /></li>
  15. <li class="form-label"><div class="dx-field-label">@userEmploymentType</div></li>
  16. <li class="form-field">
  17. <div class="dx-field-value" data-bind="dxSelectBox: {
  18. disabled: !searchViewItems.EmploymentType.check(),
  19. dataSource: searchViewItems.EmploymentType.dataSource,
  20. displayExpr: 'Name' ,
  21. valueExpr: 'Id' ,
  22. value: searchViewItems.EmploymentType.value }">
  23. </div>
  24. </li>
  25. </ul>
  26. </div>
  27. <div class="dx-field search-field-box">
  28. <ul class="search-row-layout">
  29. <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.EmploymentStatus.check }" /></li>
  30. <li class="form-label"><div class="dx-field-label">@userEmploymentStatus</div></li>
  31. <li class="form-field">
  32. <div class="dx-field-value" data-bind="dxSelectBox: {
  33. disabled: !searchViewItems.EmploymentStatus.check(),
  34. dataSource: searchViewItems.EmploymentStatus.dataSource,
  35. displayExpr: 'Name' ,
  36. valueExpr: 'Id' ,
  37. value: searchViewItems.EmploymentStatus.value }">
  38. </div>
  39. </li>
  40. </ul>
  41. </div>
  42. <div class="dx-field search-field-box">
  43. <ul class="search-row-layout">
  44. <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.CompanyId.check }" /></li>
  45. <li class="form-label"><div class="dx-field-label">@userCompany/@userDepartment</div></li>
  46. <li class="form-field">
  47. <div class="dx-field-value" data-bind="dxSelectBox: {
  48. disabled: !searchViewItems.CompanyId.check(),
  49. dataSource: searchViewItems.CompanyId.dataSource,
  50. displayExpr: 'Name' ,
  51. valueExpr: 'CompanyId' ,
  52. valueChangeAction: searchViewItems.CompanyId.handleChangedValue,
  53. value: searchViewItems.CompanyId.value }">
  54. </div>
  55. <div class="dx-field-value" data-bind="dxSelectBox: {
  56. disabled: !searchViewItems.CompanyId.check(),
  57. dataSource: searchViewItems.DepartmentId.dataSource,
  58. displayExpr: 'Name' ,
  59. valueExpr: 'DepartmentId' ,
  60. value: searchViewItems.DepartmentId.value }">
  61. </div>
  62. </li>
  63. </ul>
  64. </div>
  65. <div class="dx-field search-field-box">
  66. <ul class="search-row-layout">
  67. <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.Name.check }" /></li>
  68. <li class="form-label"><div class="dx-field-label">@userName</div></li>
  69. <li class="form-field">
  70. <div class="dx-field-value" data-bind="dxTextBox: { value: searchViewItems.Name.value, disabled: !searchViewItems.Name.check() }"></div>
  71. </li>
  72. </ul>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>