使用Backbone.js的数据表格/网格小部件

Question

有没有人能够建议一个数据表/网格小部件，可用于由Backbone.js和jQuery支持的应用程序中？

目前我正在使用DataTables.net小部件，并为Backbone.js编写了自定义绑定函数。 但是，与Backbone及其API的绑定似乎对我来说很复杂。 是否有一个简单、具有清晰而聪明的API的小部件（我喜欢YUI网格，但仅使用该网格JS大小约为360KB +）？

- manikanta

Answer 1

我刚刚发布了Backgrid.js。

Backgrid.js是一个基于Backbone.js的强大的小部件集合，用于构建数据网格。它只有4.7K，生成语义化HTML，非常易于样式和自定义。核心功能可在移动设备上运行，并提供许多扩展以实现更多功能。

- Y.H Wong

---

不错，但不兼容ie7。 - darksoulsong

不行，没人应该支持2%。 - Y.H Wong

@YHWong 当然可以。可惜我的老板不这么想。 - darksoulsong

如果他们想支持IE7，我会寻找新工作。 - Ruan Mendes

@Y.HWong，您真是太棒了，这个工具写得非常好。干杯！ - pixelbobby

Answer 2

Slickback是一个javascript库，它将Backbone集合适配到SlickGrid，一个由jQuery支持的datagrid上。扩展功能包括对集合进行分页支持。

演示：http://teleological.github.com/slickback/

- denysonique

Answer 3

我是 http://tablesorter.com 的粉丝。

这是一个 jQuery 插件，可以将任何标准的 HTML <table> 元素转换为可排序、可分页的网格。因为它只是一个 jQuery 插件，所以在使用 Backbone 时没有任何冲突或特殊考虑。

不过，其实任何 jQuery 表格/网格插件都可以使用。

- Derick Bailey

---

我考虑使用Table sorter，它实际上是一个很好的工具。在使用Backbone的任何小部件时，我需要自定义小部件以通过集合/模型获取数据。当我需要对数据表行执行一些CRUD操作时，这变得更加复杂（尽管不是很多）。 - manikanta

那听起来是一个有趣的问题需要解决。也许我得写一个示例应用程序并发表一篇博客，只是为了好玩 :) - Derick Bailey

嘿，上面的引用应该被放在哪里以便将来参考？ - ErichBSchulz

Answer 4

你可能想尝试一下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);
  }
  //...
})

- charlysisto

Answer 5

请查看这个。bbGrid。目前正在工作中。

- dfi