Таблица данных / виджет сетки с Backbone.js

Question

Может ли кто-нибудь предложить таблицу данных / виджет сетки для использования в приложении, поддерживаемом Backbone.js & jQuery?

В настоящее время я использую виджет DataTables.net и написал собственный вид привязкифункций для Backbone.js.Но связывание с Backbone и его API мне кажется сложным.Есть ли какой-нибудь простой виджет с чистым и умным API (мне понравилась сетка YUI, но для использования одной сетки размер JS составляет около 360 КБ +)

Answer 1

Я только что выпустил Backgrid.js .

Backgrid.js - это мощный набор виджетов для построения сеток данных поверх Backbone.js в 4.7K.Он генерирует семантический HTML-код, поэтому его очень легко настраивать и настраивать.Ядро работает на мобильных устройствах и имеет множество расширений для многих дополнительных функций.

Answer 2

Slickback - это библиотека javascript, которая адаптирует коллекции Backbone для работы с SlickGrid, сетью данных, поддерживаемой jQuery.Расширения включают поддержку разбиения на страницы коллекций

Демонстрация: http://teleological.github.com/slickback/

Answer 3

Я фанат http://tablesorter.com

. Это плагин jquery, который превращает любой стандартный элемент HTML <table> в сортируемую сетку с возможностью просмотра страниц.и так как это просто плагин jquery, то нет никаких конфликтов или каких-либо особых соображений по поводу его использования с магистралью

, хотя любой плагин jquery для таблиц / сеток должен работать

Answer 4

Проверьте это. bbGrid .Просто в работе, прямо сейчас.

Answer 5

Возможно, вы захотите попробовать https://github.com/charly/backbone.grid (Раскрытие: я его создал). Остерегайтесь, я все еще использую это, чтобы удовлетворить свои собственные потребности, но я надеюсь, что это станет достаточно зрелым для публичного выпуска. Вклад / замечания приветствуются ...

Пример кода:

App.Views.AModel.EditView = Grid.EditView.extend({
  tagName : "tr",
  className : "new_matter",
  template : JST["templates/matters/show"],

  initialize : function() {
    this.model.bind("sync", this.renderRow, this);
  }
  //...
})