Nano Hash - криптовалюты, майнинг, программирование

группировка строк столбца ag-grid при выборе раскрывающегося списка

Я использую библиотеку ag-grid в своем проекте angular 7 для создания сетки, и у нее есть одно свойство в селекторе <ag-grid-angular [rowGroupPanelShow]="rowGroupPanelShow"></ag-grid-angular>, которым является rowGroupPanelShow, как упоминалось выше.

Используя это свойство ag-grid, активируйте опцию перетаскивания для пользователя и просто перетаскивая любой столбец, ag-grid группирует все строки по этому конкретному столбцу.

Но я не хочу перетаскивать столбец каждый раз, когда использую для группировки строк с этим конкретным столбцом. Я хочу выполнить все это, используя простой раскрывающийся список, где раскрывающийся список будет содержать значения, аналогичные значениям столбцов в сетке, и когда пользователь выберет любое значение из раскрывающегося списка, сетка ag должна сгруппировать все строки, соответствующие этому выбранному значению в ag -сетка столбцов.

Я борюсь с проблемой за последние 10 часов. Я много искал и на официальном сайте ag-grid. Но никакого решения своей проблемы у меня не было.

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

app.component.ts 1-я часть app.component.ts 2-я часть app.component.html Требуемое выходное изображение

typescript angular angular7 ag-grid
05.03.2019

  • Скриншоты кода слишком утомительны, чтобы работать с ними. Замените их текстовой версией вашего кода. Кроме того, у вас будет больше шансов получить ответ, если вы сделаете демонстрацию, показывающую проблему. Вы можете начать с этого или любого другого примера в документация. 05.03.2019
  • Я тоже посмотрел на ваши предыдущие вопросы. Всегда указывайте свой код в виде текста в своих вопросах! Вы можете также добавить скриншоты, если считаете, что это необходимо для ясности. 05.03.2019

Ответы:


1

Полагаю, вы пропустили документацию по API-интерфейсу grid-column

Методы управления группами строк столбцов: getRowGroupColumns(), addRowGroupColumn(colKey), addRowGroupColumns(colKeys), removeRowGroupColumn(colKey), removeRowGroupColumns(colKeys), setRowGroupColumns(colKeys), moveRowGroupColumn(fromIndex, toIndex)

Таким образом, для реализации сценария раскрывающегося списка вы должны позаботиться о группировке add и remove при изменении раскрывающегося списка. (* может и нет, но давайте сделаем так)

<select (change)="onChange($event.target.value)">
    <option value="null">Select group</option>
    <option value="year">Year</option>
    <option value="country">Country</option>
</select>

onChange(value){
  this.gridColumnApi.getRowGroupColumns().forEach(i=>{
    this.gridColumnApi.removeRowGroupColumn(i.colId);
  })
  this.gridColumnApi.addRowGroupColumn(value);
}

Демо

05.03.2019
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..