Я работаю с JavaScript, JQuery и HTML. UI моего проекта полностью динамичный. Я ищу динамическую сетку JavaScript / JQuery, которая поддерживает следующие функции.
Может ли кто-нибудь сказать мне, есть ли какая-нибудь хорошо выглядящая сетка с открытым исходным кодом, которая поддерживает следующие функции?
- Я должен иметь возможность создать экземпляр сетки во время выполнения и добавить его в DOM.
- Поддерживает шаблоны столбцов (текстовое поле, выбор, флажок или любые поля ввода или простой текст)
- Поддерживает установку нового шаблона столбца или замену существующего шаблона столбца в режиме реального времени.
- Некоторые элементы управления вводом (например, текстовое поле, флажок ...), присутствующие в столбце, могут быть включены, а некоторые могут быть отключены .
- Поддерживает setData () в реальном времени.
- Поддерживает событие, если какие-либо входные данные были изменены пользователем.
- Он должен поддерживать выбор строки
- Добавляйте строки или удаляйте поддержку строк в реальном времени без рендеринга всей сетки.
- Поддерживает пейджинг.
- Поддерживает сортировку по любому столбцу в реальном времени.
- Запускает событие, если данные сортируются пользователем в режиме реального времени.
- Пользовательский интерфейс сетки должен поддерживать реализуемые столбцы
- Автоматическое изменение размера (будет здорово, если размер сетки будет автоматически изменяться в соответствии с размером родительского элемента)
- Определенно хорошая документация.
javascript
jquery
grid
Сомнатх
источник
источник
Ответы:
Некоторые полезные:
Свободно:
Оплачено:
На мой взгляд, лучшие записи - это Flexigrid и jQuery Grid.
источник
вы можете попробовать http://datatables.net/
DataTables - это плагин для библиотеки jQuery Javascript. Это очень гибкий инструмент, основанный на принципах прогрессивного улучшения, который добавит расширенные элементы управления взаимодействием в любую таблицу HTML. Ключевая особенность:
источник
Мое предложение для динамической сетки JQuery ниже.
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
Лучше всего:
DataTables - это плагин для библиотеки jQuery Javascript. Это очень гибкий инструмент, основанный на принципах прогрессивного улучшения, который добавит расширенные элементы управления взаимодействием в любую таблицу HTML.
Пагинация переменной длины
Фильтрация на лету
Сортировка по нескольким столбцам с определением типа данных
Умная обработка ширины столбцов
Отображение данных практически из любого источника данных
DOM, массив Javascript, файл Ajax и обработка на стороне сервера (PHP, C #, Perl, Ruby, AIR, Gears и т. Д.)
Параметры прокрутки для области просмотра таблицы
Полностью интернационализированный
Поддержка jQuery UI ThemeRoller
Надежность - поддерживается набором из 2600+ модульных тестов
Широкий выбор плагинов, вкл. TableTools, FixedColumns, KeyTable и другие
Динамическое создание таблиц
Автоматическая загрузка данных Ajax
Пользовательское позиционирование DOM
Фильтрация по одному столбцу
Альтернативные типы пагинации
Неразрушающее взаимодействие с DOM
Сортировка выделения столбцов
Дополнительные параметры источника данных
Обширная поддержка плагинов
Сортировка, определение типа, функции API, разбиение на страницы и фильтрация
Полностью настраивается с помощью CSS
Надежная документация
110+ готовых примеров
Полная поддержка Adobe AIR
источник
Взгляните на agiletoolkit.org, поскольку у него есть простой в использовании CRUD, который поддерживает 2,4,6,7,9,10 и 12 из коробки (использует Ajax для защиты сетки при добавлении, удалении данных и интегрируется с jquery.
Я бы опубликовал несколько примеров, но сейчас на iPad.
источник