Хобрук: Ваш путь к мастерству в программировании

Angular Datatables получает все выбранные строки

Я использую Angular Datatables в одном из приложений и использовал расширение select, как указано в документации, например следующее:

<table class="table animate__animated animate__fadeIn" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" [id]="tableId">

</table>

и параметры определяются следующим образом:

    this.dtOptions = {
        info: false,
        order: [],
        select: true,
        dom: 'Bfrtip',
        buttons: [
            'selectAll',
            'selectNone'
        ]
    };
} 

Теперь функция выбора работает нормально, но мне нужно получить выбранные строки, когда я нажимаю кнопку. Как я могу это сделать ? Есть ли в API Datatables какой-либо вариант для доступа к выбранным строкам?

Документация — https://l-lin.github.io/angular-datatables/#/extensions/select

В основных таблицах данных есть возможность добавить обратный вызов action. Но не уверен, что он будет работать с selectAll



Ответы:


1
  1. Получить выбранные строки:

myTable.rows({ selected: true })

  1. Получить данные выбранных строк:

myTable.rows({ selected: true }).data()

  1. Получить идентификатор выбранных строк ОС (Для этого полезно использовать rowId и ajax):

myTable.rows({ selected: true }).ids()

И затем с этой информацией, хранящейся в переменной, вы можете выполнять итерацию, фильтрацию... и т.д.

23.09.2020
Новые материалы

Решения DBA Metrix
DBA Metrix Solutions предоставляет удаленного администратора базы данных (DBA), который несет ответственность за внедрение, обслуживание, настройку, восстановление базы данных, а также другие..

Начало работы с Блум
Обзор и Codelab для генерации текста с помощью Bloom Оглавление Что такое Блум? Некоторые предостережения Настройка среды Скачивание предварительно обученного токенизатора и модели..

Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...