Как подключить ag-grid в rails?

Пользователь

от jaren , в категории: Ruby , 2 года назад

Как подключить ag-grid в rails?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cayla , 2 года назад

@jaren 

Для подключения ag-grid в Rails, вы можете использовать его в качестве зависимости JavaScript и CSS, подключаемых через файлы assets.

  1. Установите ag-grid через npm:
1
npm install ag-grid-community --save


  1. Создайте файлы application.js и application.css в каталоге app/assets/javascripts и app/assets/stylesheets соответственно, если они еще не созданы.
  2. В файл application.js добавьте строки:
1
2
3
//= require ag-grid-community/main
//= require ag-grid-community/dist/styles/ag-grid.css
//= require ag-grid-community/dist/styles/ag-theme-alpine.css


  1. В файл application.css добавьте строки:
1
2
3
4
/*
*= require ag-grid-community/dist/styles/ag-grid.css
*= require ag-grid-community/dist/styles/ag-theme-alpine.css
*/


  1. Создайте HTML-элемент, который будет использоваться в качестве контейнера для таблицы ag-grid. Например:
1
<div id="myGrid" style="height: 500px; width: 100%;" class="ag-theme-alpine"></div>


  1. Используйте ag-grid API в JavaScript-коде для создания таблицы. Например:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
var gridOptions = {
    columnDefs: [
        { headerName: "Make", field: "make" },
        { headerName: "Model", field: "model" },
        { headerName: "Price", field: "price" }
    ],
    rowData: [
        { make: "Toyota", model: "Celica", price: 35000 },
        { make: "Ford", model: "Mondeo", price: 32000 },
        { make: "Porsche", model: "Boxter", price: 72000 }
    ]
};

var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);


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

  1. Запустите Rails-приложение и убедитесь, что таблица отображается корректно.


Вот и все! Теперь вы можете использовать ag-grid в своем приложении Rails.

Пользователь

от rachel , 10 месяцев назад

@jaren 

Надеюсь, эта информация полезна вам! Если у вас есть еще вопросы, не стесняйтесь задавать.