2013-11-20 1 views
2

У меня есть ng-сетка с кнопками Edit и Delete в нижней части сетки.ng-grid click edit, чтобы открыть всплывающее окно

При нажатии кнопки «Изменить» я хочу открыть всплывающее окно «Модальное» с информацией. из выбранных строк, показанных в модальном.

Это мой HTML.

<div class="gridStyle" ng-grid="gridOptions"><!--ng-grid--> 
</div> 
<button ng-click="??" ng- disabled="!singleSelection()">Edit</button> 
<button ng-click="??" ng-disabled="disabled">Delete</button> 

И мой JS выглядит следующим образом:

$scope.gridOptions = { 
      data: 'scheduleData.scheduleList', 
      columnDefs: [ 
       { field: 'id', displayName: 'ID', visible: false }, 
       { field: 'disabled', displayName: 'Enabled', cellFilter: 'checkmark' } 
       { field: 'dpName', displayName: 'Description' }, 
       { field: 'dpType', displayName: 'Type' }, 
       { field: 'dpProtection', displayName: 'Protection' }, 
       { field: 'doProtectionParam', displayName: 'DP Protection Paramters', visible: false }, 
       { field: 'startDate', displayName: 'Start Date', visible: false, cellFilter: 'date:\'M/d/yy h:mm a\'' }, 
       { field: 'endDate', displayName: 'End Date', visible: false, cellFilter: 'date:\'M/d/yy h:mm a\'' }, 
       { field: 'recurrenceType', displayName: 'Recurrence' }, 
       { field: 'everyNth', displayName: 'Estimated Duration', visible: false }, 
      enableCellSelection: false, 
      enableSorting: true, 
      enableColumnResize: true, 
      enableColumnReordering: true, 
      showColumnMenu: true, 
      showFilter: true, 
      showFooter: true, 
      enableRowselection: true, 
      multiSelect: true, 
      selectedItems: $scope.selections 

      }; 

Любая помощь будет принята с благодарностью.

Благодаря

+0

Вы используете AngularUI модальность, чтобы сделать это? –

+0

Да, это правильно – Pritish

ответ

1

Я получил это работает сделать Фолля. перейти к HTML

<button ng-click="openModal(selections[0])" ng- disabled="disableButtons(selections)">Edit</button> 

И в моих JS,

  $scope.openModal = (selections) => { 

      var modalInstance = $modal.open({ 
       templateUrl: 'link to URL', 
       controller:RelatedController, 
       resolve: { 
        schedule: function() { 
         return selections.id == null ? selections : selections.clone(); 
        } 
       } 
      }); 

     }