добавление динамической строки в angular-datatables по нажатию кнопки - PullRequest
Новая
       36

добавление динамической строки в angular-datatables по нажатию кнопки

0 голосов
/ 07 ноября 2019

Я работаю над сценарием, в котором мне нужно загрузить сетку данных по щелчку переключателя. В таблице будет добавлен знак «+» справа от таблицы. При нажатии этого «+» будет добавлена ​​новая строка. Эта таблица будет иметь следующие столбцы Имя, Отношения, Час, Номер телефона. Пользователь может также вводить значения в ячейки с данными и его необходимо сохранить в БД. Я сталкиваюсь с трудностями, чтобы достичь этого. Пожалуйста, помогите, поскольку я не могу перейти ни в одну другую таблицу, потому что datatable полностью используется в моем проекте

Я только что создал angular-datatables. Как это существует в моем проекте.

HTML код

Имя Отношения Платные / Неоплаченные Часы Номер телефона Активно участвует 

                    </tr>
                </tbody>
            </table>
        </div>
    </div>

Код TS 

module app.caregiver {
    'use strict';

    var vmCareGiver;

    export interface ICareGiverCtrl {

    }

    export class CareGiverCtrl implements ICareGiverCtrl {
        public counter: number = 1;
        static $inject = [
            '$scope',
            'app.generalnotes.GeneralNotesService',
            'app.careplantopicselection.CarePlanTopicSelectionService',
            'app.interventionplanentry.InterventionPlanEntryService',
            'app.blocks.constants.TIPS_CONTENT',
            'app.blocks.services.ModalService',
            'DTOptionsBuilder',
            'DTColumnDefBuilder'
        ];

        constructor(private $scope: ng.IScope,
            private generalNotesService: app.generalnotes.IGeneralNotesService,
            private carePlanTopicSelectionService: app.careplantopicselection.ICarePlanTopicSelectionService,
            private interventionPlanEntryService: app.interventionplanentry.IInterventionPlanEntryService,
            private TIPS_CONTENT: app.blocks.constants.TIPS_CONTENT,
            private modalService: app.blocks.services.IModalService,
            DTOptionsBuilder: any,
            DTColumnDefBuilder: any) {

            vmCareGiver = this;

            // Define datatable definitions.
            vmCareGiver.dtColumnDefs = [
                DTColumnDefBuilder.newColumnDef(0).notSortable(),
                DTColumnDefBuilder.newColumnDef(1).notSortable(),
                DTColumnDefBuilder.newColumnDef(2).notSortable(),
                DTColumnDefBuilder.newColumnDef(3).notSortable(),
                DTColumnDefBuilder.newColumnDef(4).notSortable(),
                DTColumnDefBuilder.newColumnDef(5).notSortable()
            ];

            // Define datatable options.
            vmCareGiver.dtOptions = DTOptionsBuilder.newOptions()
                .withPaginationType('full_numbers')
                .withDisplayLength(10)
                .withBootstrap()
                .withOption('order', [])

        }

    }
    angular
        .module('app.caregiver')
        .controller('app.caregiver.CareGiverCtrl', CareGiverCtrl);
}

Требуется динамическое добавление строк с данными

...