события click и change не работают для расширения Angular 6 Datatables Responsive - PullRequest
Новая
       31

события click и change не работают для расширения Angular 6 Datatables Responsive

0 голосов
/ 18 ноября 2018

Я использую Angular 6 datatables для отображения данных во внешнем интерфейсе.Я использовал адаптивное расширение, чтобы показать больше данных, как описано в https://l -lin.github.io / angular-datatables / # / extensions / responseive 

 <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
                        <thead>
                            <tr>
                                <th>Category Name</th>
                                <th>Description</th>
                                <th>Is Enable</th>
                                <th>Sub Categories</th>
                                <th>update</th>
                                <th>delete</th> 
                                <th>Extra Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of vehicleCategoryData; let i = index">
                                <td>{{data.categoryName}}</td>
                                <td>{{data.description}}</td>
                                <td>{{data.isEnable}}</td>
                                <td>{{data.subCategory.length}}</td>                                   
                                <td><i class="fa fa-edit" (click)="update(i)"></i></td>
                                <td><i class="fa fa-trash-o" (click)="delete(i)"></i></td> 
                                <td>{{data.extraData}}

                        </tbody>
                    </table>

, также определены мои dtOptionsследующим образом. 

dtOptions: any =  {
pagingType: 'full_numbers',
pageLength: 5,
  columns: [{
    title: 'Category Name',
    data: 'categoryName'
  }, {
    title: 'Description',
    data: 'description'
  }, {
    title: 'Is Enable',
    data: 'isEnable'
  },{
    title: 'Sub Categories',
    data: 'sub'
  },
{
    title: 'update',
    data: 'up'
  },
{
    title: 'delete',
    data: 'del'
  },
{
    title : 'Extra Data',
    data : 'sc',
    className : 'none'
}],
  responsive: true
  };

Так что все отлично работает.но 

(click)="update(i)"
(click)="delete(i)"

события не работают.Как я могу решить эту проблему.Какие-либо предложения?

1 Ответ

0 голосов
/ 12 декабря 2018

Я решаю эту проблему с помощью функции listHiddenNodes .

Сначала я импортировал переменную Responsive в компоненте 

import Responsive from 'datatables.net-responsive';

, затем поместил этот код наdtOptions 

this.dtOptions = {
    responsive: {
        details: {
            renderer: Responsive.renderer.listHiddenNodes()
        }
    },
};

Вот и все!

...