ng-grid нажмите редактировать, чтобы открыть всплывающее окно

У меня есть ng-сетка с кнопками "Изменить" и "Удалить" внизу сетки.

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

Это мой 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

            };

Любая помощь будет оценена.

Спасибо


angularjs ng-grid
person Pritish    schedule 20.11.2013    source источник
comment
Используете ли вы модальный интерфейс AngularUI для этого?   -  person Ty Danielson    schedule 20.11.2013

Ответы (1)


arrow_upward
1
arrow_downward

Я получил это, чтобы работать, делая фолл. изменить на 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();
                    }
                }
            });

        }
person Pritish    schedule 20.11.2013