Download the PHP package xxxcoltxxx/grid-laravel without Composer
On this page you can find all versions of the php package xxxcoltxxx/grid-laravel. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Rated 5.00 based on 1 reviews
Informations about the package grid-laravel
grid-laravel v2.0
Пакет позволяет
- Сформировать табличные данные
- Фильтровать данные и по столбцам, и добавлять свои собственные фильтры
- Скрывать/отображать колонки таблицы
- Все фильтры сохраняются в куки, поэтому пользователь при повторном открытии страницы видит таблицу с теми фильтрами, которые были применены у него в прошлый раз
- Скачивать отфильтрованные данные в CSV
Зависимости
- jquery (для библиотеки с выбором дат в фильтрации daterangepicker и bootstrap-select, которая используется для стилизации select. Нативных аналогов не нашёл)
- angularjs
- bootstrap
- font-awesome
- angular-cookies
- bootstrap-daterangepicker
- angular-daterangepicker
- bootstrap-select
- angular-bootstrap-select
- moment (ставится автоматически из зависимостей bootstrap-daterangepicker)
- angular-bootstrap
- angular-sanitize
Следующие зависимости не обязательны. Вы можете руками скачать необходимые js-библиотеки и подключить их в шаблоне. В инструкции по установке рассматривается способ установки через эти утилиты и на ОС Ubuntu 14.04
- npm
- bower
- gulp
- laravel-elixir
Установка npm
Установка bower
Установка gulp
Установка laravel-elixir (из папки с проектом)
Установка пакета
Добавьте пакет в проект:
composer require xxxcoltxxx/grid-laravel
Добавьте ServiceProvider в файл config/app.php:
Установите js-библиотеки:
Скопируйте views, lang и assets пакета, которые вы в последствии можете изменять и кастомизировать "под себя":
Если у вас angular-приложение
Добавьте зависимость ngGrid
в ваш модуль:
Если у вас не angular-приложение
Просто добавьте в конфигурацию gulp
файл angular.init.example.js
, как в примере ниже.
Сконфигурируйте gulp
Это нужно для того, чтобы все js и css объединились в два файла:
gulpfile.js:
Запустите gulp
На production их дополнительно можно минифицировать, добавить ключ --production
при запуске gulp:
Добавление табличного представления
Добавьте роут
app/Http/routes.php:
Создайте провайдер данных
Провайдер данных должен расширять класс GridDataProvider
. Например, app/GridDataProviders/UsersDataProvider.php
Создайте метод контроллера
app/Http/Controllers/UsersController.php:
Создайте шаблон
resources/views/users/index.blade.php
Опционально: создайте шаблон для рендеринга ячеек
Вы можете создать шаблон для рендеринга любых ячеек таблицы. Они будут генерироваться на сервере с помощью view.
Каждую ячейку в шаблоне blade можно описать в секциях. В секцию передаются название поля $field_name
и запись таблицы $item
resources/views/users/grid/cell.blade.php
Опционально: создайте шаблон для рендеринга csv-ячеек
Вы можете создать шаблон для рендеринга любых ячеек в csv. Удобно, когда нужно в одну ячейку вывести не простое поле, а, например, ФИО или список контактов пользователя (телефоны, email, skype и т.д.). При отсутствии шаблона будет выведено поле записи.