Лучший динамический JavaScript/JQuery Grid

Я работаю с JavaScript, JQuery и HTML. Пользовательский интерфейс моего проекта полностью динамичен. Я ищу динамическую среду JavaScript/JQuery, которая поддерживает следующие функции.

Может ли кто-нибудь сказать мне, есть ли хорошие открытые источники Grid, которые поддерживают следующие функции?

  • Мне нужно создать экземпляр сетки во время выполнения и добавить в DOM.
  • Поддержка шаблонов столбцов (текстовое поле, выбор, флажок или любые входы или простой текст)
  • Поддерживает установку нового шаблона столбца или замену существующего шаблона столбца в режиме реального времени.
  • Немного управления вводом (например, текстовое поле, флажок), присутствующее под столбцом, может быть включено, а некоторые из них могут быть отключены.
  • Поддерживает setData() в режиме реального времени.
  • Поддерживает событие, если какие-либо входные данные изменены пользователем.
  • Он должен поддерживать выбор строки
  • Добавить строку или удалить поддержку строки в режиме реального времени без рендеринга всей сетки.
  • Поддержка пейджинга.
  • Поддержка сортировки по любому столбцу в режиме реального времени.
  • Вызывает событие, если данные сортируются пользователем в режиме реального времени.
  • Пользовательский интерфейс Grid должен поддерживать реализуемые столбцы
  • Автоматическое переопределение (будет отлично, если сетка автоматически переопределяется в соответствии с размером родительского элемента)
  • Определенно имеет хорошую документацию.

Ответ 1

вы можете попробовать http://datatables.net/

DataTables - это плагин для библиотеки jQuery Javascript. Это очень гибкий инструмент, основанный на основах прогрессивного улучшения, который добавит дополнительные элементы управления взаимодействием в любую таблицу HTML. Основные возможности:

  • Изменение размера страницы
  • Фильтрация "на лету"
  • Сортировка нескольких столбцов с обнаружением типа данных
  • Умная обработка ширины столбцов
  • Отображать данные практически из любого источника данных.
  • DOM, массив Javascript, обработка Ajax и серверная обработка (PHP, С#, Perl, Ruby, AIR, Gears и т.д.)
  • Параметры прокрутки для окна просмотра таблицы
  • Полностью интернационализируется
  • Поддержка jQuery UI ThemeRoller.
  • Rock solid - подкрепленный набором 2600 + модульных тестов
  • Широкий выбор плагинов вкл. TableTools, FixedColumns, KeyTable и более
  • Это бесплатно!
  • Сохранение состояния
  • Скрытые столбцы
  • Динамическое создание таблиц
  • Автоматическая загрузка данных Ajax
  • Пользовательское позиционирование DOM
  • Фильтрация с одним столбцом
  • Альтернативные типы разбиения на страницы
  • Неразрушающее взаимодействие с DOM
  • Сортировка столбцов (ов), выделяющих
  • Расширенные параметры источника данных
  • Расширенная поддержка плагинов
  • Сортировка, определение типов, функции API, разбиение на страницы и фильтрация.
  • Полностью тема для CSS
  • Прочная документация
  • 110+ готовых примеров
  • Полная поддержка Adobe AIR

Ответ 3

Мое предложение для динамической сетки JQuery приведено ниже.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Лучший из них:

DataTables является плагином для javascript-библиотеки jQuery. Это очень гибкий инструмент, основанный на основах прогрессивного улучшения, который добавит дополнительные элементы управления взаимодействием в любую таблицу HTML.

Отображение переменной длины

Фильтрация "на лету"

Сортировка нескольких столбцов с обнаружением типа данных

Умная обработка ширины столбцов

Отображение данных практически из любого источника данных

DOM, массив Javascript, обработка Ajax и серверная обработка (PHP, С#, Perl, Ruby, AIR, Gears и т.д.)

Параметры прокрутки для окна просмотра таблицы

Полностью интернационализируется

Поддержка jQuery UI ThemeRoller

Твердое твердое тело - подкреплено набором 2600 + единичных тестов

Широкий выбор плагинов вкл. TableTools, FixedColumns, KeyTable и многое другое

Динамическое создание таблиц

Автоматическая загрузка данных Ajax

Пользовательское позиционирование DOM

Фильтрация с одним столбцом

Альтернативные типы разбиения на страницы

Неразрушающее взаимодействие с DOM

Сортировка столбцов (ов), выделяющих

Расширенные параметры источника данных

Расширенная поддержка плагинов

Сортировка, определение типов, функции API, разбиение на страницы и фильтрацию

Полностью тема для CSS

Прочная документация

110+ готовых примеров

Полная поддержка Adobe AIR

Ответ 4

Посмотрите на agiletoolkit.org, так как у этого есть простой в использовании CRUD, который поддерживает 2,4,6,7,9,10 и 12 из коробки (использует Ajax для защиты сетки при добавлении, удалении данных и он интегрируется с jquery.

Я бы опубликовал несколько примеров, но на iPad в настоящий момент.