Backbone JS Datatable Integration

我正在構建一個主要基於Backbone JS的應用程序，到目前爲止印象非常深刻。然而，有一部分應用需要相當靈活的表格/網格佈局，這將允許一些客戶端過濾/搜索/基於列的過濾等......Backbone JS Datatable Integration

我以前使用過Datatables看起來它會非常適合，但我在將Backbone模型/集合集成到Datatable init中時遇到了一些問題。

DT論壇上的成員之一建議利用mDataProp屬性（DataTable Forums），但到目前爲止我一直沒有成功。

我希望有人能夠指出我正確的方向，以便我可以使用Datatables查看我的集合和項目，並且仍然可以訪問Backbone提供的所有優秀的事件綁定等。

謝謝！

來源

2011-12-31 Nader Hendawi

下面是對別人是怎麼解決類似的問題提供了深入瞭解一個線程：https://groups.google.com/forum/#!topic/backbonejs/SjawlO5ENzc – 2012-01-03 15:34:42

數據表和主幹是偉大的庫，但它們與功能重疊 - 它們並不完美匹配。看來[recline.js]（http://reclinejs.com）可能是更好的解決方案。 – MFix 2013-01-07 16:08:58

我對dataTable瞭解不多，但是看起來您可以在Backbone Collection上使用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" } 
    ] 
});

來源

2011-12-31 16:38:10 Paul

這看起來可能是正確的路！關於渲染單個項目視圖本身，我想這將與mDataProp相關？目前，我通過循環遍歷集合呈現它們，呈現JST模板，注入模型屬性並將新行添加到現有表tbody中。 – 2011-12-31 19:52:00

Backbone JS Datatable Integration

回答

相關問題