jQuery.bsgrid — простой в использовании, многофункциональный и легко расширяемый jQuery Grid плагин
jQuery.bsgrid, поддерживающий форматы данных JSON и XML, с множеством тем оформления и возможностью их кастомизации, поддерживает такие полезные функции как редактирование таблиц, работу с локальными данными, построение параметров экспорта и многое другое. Легко расширяется и имеет множество примеров использования и быстрого отклика на вопросы.
Исходный код: GitHub Демо: темы примеры документация
Версия: 1.38-preview Лицензия: Apache License 2 Обновление: 2016-01-21
Зависимости: jQuery 1.4.4 ~ jQuery 1.12.2 Поддерживаемые браузеры: IE6+, Chrome, Firefox и другие
QQ группа для общения: 254754154 Пожертвования: поддержите долгосрочное развитие, спасибо за ваше признание!### Эффекты тем ###
Существует несколько встроенных тем оформления (нажмите на изображение для просмотра страницы с примерами) и возможность легко кастомизировать темы [Пример: кастомная синяя тема]
### Происхождение bsgrid ###
Первым делом стоит объяснить название плагина "bsgrid". Автор часто использует bs в качестве префикса для своих английских аккаунтов. Плагин был создан потому что существующие плагины и фреймворки имеют сложность в использовании или расширении grid-компонентов. Автор стремился создать компонент grid, который будет простым в использовании, многофункциональным и легким в расширении; эта цель была достигнута.### Основные характеристики bsgrid ###
- Простота и легковесность, основан на jQuery и HTML Table, простая таблица требует всего нескольких десятков строк кода, поддерживает большие объемы данных в таблицах. 2. Встроенное наличие нескольких классических тем оформления, а также простота настройки. Изменение шрифтов требует лишь изменения двух CSS-кодов;
3. Полезные и удобные функции: редактирование таблицы, агрегация данных в нижней части таблицы, не разделенная на страницы таблица, таблица с несколькими заголовками, сортировка нескольких полей, локальные данные, обработка_userdata, перетаскивание столбцов, скроллинг данных таблицы и другие;
4. Легко интегрироваться с другими плагинами, примеры демонстрируют использование таких плагинов как Layui, ArtDialog, jQuery.validationEngine и других сторонних плагинов для пагинации;
5. Хорошая расширяемость, плагины имеют отличную возможность для расширения, что позволяет легко делать локальные или глобальные изменения, а также менять внешний вид. Все свойства и методы могут быть переопределены вне зависимости от того, был ли изменён сам плагин;
6. Модульный JavaScript и CSS код, который можно загружать по мере необходимости. Код чистый и компактный, что делает его легким для чтения, модификации и расширения. ### Оценка основных grid'ов ###
Общая оценка основных grid'ов:
1. Более подходят для внутренних систем, при этом для внешних систем изменение стилей, размера шрифтов и других параметров очень затруднено;
2. Избыточное упаковывание приводит к плохой расширяемости, а большое количество методов и свойств усложняет работу с ними;
3.Большинство из них не предоставляют таких полезных функций, как многострочные заголовки таблиц, агрегацию данных, отсутствие пагинации и работу с локальными данными.Отдельная оценка некоторых популярных grid'ов:
1. ExtJS, обладает богатым функционалом и хорошей упаковкой, но является тяжёлым продуктом, требует загрузки больших файлов и имеет медленную реакцию. Для использования требуется покупка лицензии, обычно используется в рамках внутренней системы;
2. DHtmlx, также предлагает широкий спектр функций и удобную упаковку, однако позволяет загружать только необходимые модули, что делает его быстрее ExtJS. Также требует покупки лицензии, из-за сложности изменения стилей чаще всего используется внутри компании;
3. EasyUI, основан на jQuery, использует синтаксис jQuery, хотя некоторые части написаны как в ExtJS. В случае, если нет необходимости использовать исходный код, то лицензия не нужна, однако отсутствие доступа к исходному коду затрудняет модульную загрузку и изменение тем оформления;
4. jQGrid, основан на jQuery, открытый и бесплатный, предлагает мощный функционал, но стиль оформления сложно менять;
5. Flexigrid, основан на jQuery, предлагает менее продвинутый функционал, но является лёгким решением.Обладает меньшим количеством методов и свойств, что может стать отличной альтернативой для тех, кто хочет использовать ExtJS Grid или EasyUI Grid, но сталкивается с трудностями при работе с ними.
Комментарии ( 0 )