Найкраща динамічна сітка JavaScript / JQuery [закрито]


87

Я працюю з JavaScript, JQuery та HTML. Інтерфейс мого проекту повністю динамічний. Я шукаю динамічну сітку JavaScript / JQuery, яка підтримує такі функції.

Хто-небудь може сказати мені, чи існує якась сітка з відкритими джерелами, яка підтримує такі функції?

  1. Я повинен мати можливість створити екземпляр сітки під час виконання та додати до DOM.
  2. Підтримує шаблони стовпців (текстове поле, вибір, прапорець або будь-які введені дані або простий текст)
  3. Підтримує встановити новий шаблон стовпця або замінити існуючий шаблон стовпця в режимі реального часу.
  4. Небагато елементів керування введенням (наприклад, текстове поле, прапорець ..), наявні під стовпцем, можуть бути ввімкненими, а деякі можуть бути відключені .
  5. Підтримує setData () в режимі реального часу.
  6. Підтримує подію, якщо будь-які вхідні дані змінюються користувачем.
  7. Він повинен підтримувати вибір рядка
  8. Додайте рядок або видаліть підтримку рядків у режимі реального часу без візуалізації всієї сітки.
  9. Підтримує пейджинг.
  10. Підтримує сортування за будь-яким стовпцем у режимі реального часу.
  11. Запускає подію, якщо дані сортуються користувачем у режимі реального часу.
  12. Інтерфейс сітки повинен підтримувати реалізовані стовпці
  13. Автоматичне зміна розміру (Буде чудово, якщо сітка буде автоматично змінюватися відповідно до розміру батьківського елемента)
  14. Безумовно, має хорошу документацію.

7
Напишіть самі. Якщо ви хочете всі ці функції, вам потрібно зробити це самостійно. Спеціальне рішення - це завжди найкраще рішення.
Raynos

28
Я не впевнений, що це завжди найкраще рішення. Я маю на увазі - я не збираюся будувати власний механізм баз даних, а не використовувати InnoDB ...
Grim ...

2
@Roynos, я сам писав кілька речей, але мені потрібно витратити багато часу, щоб реалізувати всі функції, такі як сортування, зміна розміру ... тощо. Тому я шукаю елемент керування сіткою. Я все ще оцінюю всі сітки по одному.
Сомнат

22
@Raynos Це смішно. Найкраще рішення - це рішення, яке працює з найменшими витратами. Навіщо його будувати, якщо це вже зроблено?
Річард

@RichardDesLonde ти маєш рацію. Я можу вибрати найкраще існуюче рішення та розширити його відповідно до ваших вимог.
Somnath

Відповіді:


42

Деякі корисні:

Безкоштовно:

Оплачується:

На мою думку, найкращі записи - це Flexigrid та jQuery Grid.


Дотепер я почав сподобатися jQuery Grid. trirand.com/blog/jqgrid/jqgrid.html Але все-таки я не впевнений. Будьте в курсі ...
Сомнат,

@Somnath - чи є сітка jQuery тією, з якою ви були найбільш задоволені? У мене є подібна потреба, і я оцінював таблиці даних, але додавання рядків (і їх включення до порядку сортування) не працює добре.
MattW

@MattW Так, мені подобається jQuery Grid, додавати дані дуже просто. Також ви можете зробити кожен стовпець сортувальним, просто встановивши прапор. Список моїх вимог був справді великим. Але я мало що будую сам, і в деяких випадках я використовую jQuery Grid. Він також отримав простий і простий API. На даний момент часу я задоволений jQuery Grid. Це добре.
Сомнат

@Somnath Отже, нарешті, який із них ти вибрав? Я заголовок DataTable також є хорошим варіантом. Який з них найшвидший? А хто підтримує групування?
Vivek Vardhan

@VivekVardhan їм з допомогою trirand.com/blog/jqgrid/jqgrid.html
Сомнатх

38

Ви можете спробувати http://datatables.net/

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

3
Будь ласка, виконайте правильне форматування основних функцій. Не використовуйте лише копіювання / вставлення. Доводиться читати це один раз після копіювання / вставки?

Що означає "неруйнівна взаємодія DOM"? Важко зрозуміти, чому це новинка чи особливість, і що вона охоплює / гарантує.
John Zabroski

1
@John, це більше не згадується на пов'язаній сторінці, але якщо ви шукаєте в Інтернеті це речення, ви побачите "Найбільша зміна у v1.4 - це неруйнівна взаємодія DOM. Це означає, що DataTables не переписують елементи таблиці для того, щоб виконувати її функції (справжнє прогресивне вдосконалення!), а швидше переміщує елементи. У версії 1.3 і до того, як він буде динамічно створювати HTML, необхідний для tbody на кожному малюванні, це вже не так. Безпосередньою перевагою є те, що всі атрибути (класи тощо) у вихідній таблиці зберігаються [...] "
CodeCaster

5
це не вільне програмне забезпечення, я думаю, ммм, проблема з ним.
Девід

4
здається, ці круті сітки DataTables не можна редагувати, і якщо вам це потрібно - вам доведеться заплатити за редаговану версію: editor.datatables.net/purchase/index
yetanothercoder

8

Мої пропозиції щодо динамічної сітки JQuery подані нижче.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Найкращий з них:

Таблиці даних - це плагін для бібліотеки 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


5

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

Я б опублікував кілька прикладів, але на даний момент на iPad.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.