骨干JS数据表集成

Backbone JS Datatable Integration

本文关键字:集成 数据表 JS 骨干      更新时间:2023-09-26

我正在构建一个主要基于Backbone JS的应用程序,到目前为止给我留下了深刻的印象。然而,有一部分应用程序需要一个相当灵活的表/网格布局,允许一些客户端过滤/搜索/基于列的过滤等…

我过去使用过数据表,似乎它将是一个伟大的适合,但我有一些问题集成骨干模型/集合到数据表init。

DT论坛上的一位成员建议利用mDataProp属性(DataTable forums),但到目前为止我还没有成功。

我希望有人能给我指出正确的方向,这样我就可以使用数据表来查看我的集合和项目,并且仍然可以访问Backbone提供的所有伟大的事件绑定等。

谢谢!

我不太了解dataTable,但看起来你可以在主干集合上使用toJSON函数来获取aaData值。

这里有一个例子

$('table').dataTable({
  "aaData": yourCollection.toJSON(),
  "aoColumns": [
    { "sTitle": "Engine",   "mDataProp": "engine" },
    { "sTitle": "Browser",  "mDataProp": "browser" },
    { "sTitle": "Platform", "mDataProp": "platform" },
    { "sTitle": "Version",  "mDataProp": "version" },
    { "sTitle": "Grade",    "mDataProp": "grade" }
  ]
});