| 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>
 
 
  |