2013-04-01 57 views
1

我想從我的骨幹收集設置fuelux數據網格源。示例源代碼位於https://github.com/ExactTarget/fuelux/tree/master/sample設置沃爾沃數據網格骨幹收集來源

我累得像

(function (root, factory) { 
if (typeof define === 'function' && define.amd) { 
define(factory); 
} else { 
    root.sampleData = factory(); 
    } 
}(this, function() { 
return { 
      "geonames": new mycollection ///this will retrurn new collection array as in  example 
    }; 
})); 

我的骨幹呈現由下面的代碼instatate數據源

var dataSource = new StaticDataSource({ 
      columns: [ 
       { 
        property: 'username', 
        label: 'Name', 
        sortable: true 
       }, 
       { 
        property: 'username', 
        label: 'Country', 
        sortable: true 
       }, 
      data: this.collection, 
      delay: 250 
     }); 
     $('#MyGrid').datagrid({ 
      dataSource: dataSource, 
      stretchHeight: true 
     }); 

我得到的錯誤是沒有定義StaticDataSource中。

任何人都可以解釋我嗎?或者如果你能幫助我解釋如何設置來自主幹收集的datssource數據的tutorail,我會非常感激。在我看來,加油劑劑量有很好的文檔。

+0

它已經解決了http://stackoverflow.com/questions/15764474/constructing-fuelux-datagrid-datasource-with-custom-backbone-collection?noredirect=1#comment22409076_15764474 – Lasang

回答

1

https://github.com/ExactTarget/fuelux/blob/master/sample/datasource.js的示例數據源允許您使用簡單的JavaScript對象填充數據網格,通過調用集合上的.toJSON()可以從Backbone集合中獲取該對象。然後,實例化數據源如下:

https://github.com/ExactTarget/fuelux/blob/master/index.html#L112-L138

(有什麼需要爲自己的網格替換列,並與data: yourCollection.toJSON()取代data: sampleData.geonames

然後,您應該能夠實例數據網格如下:

https://github.com/ExactTarget/fuelux/blob/master/index.html#L144-L147

注意:這需要你的數據的一次性快照,並將其提供給了datagr ID。如果你想讓你的數據網格支持針對你的Backbone集合的實時查詢,那隻需要提供一個數據源來對你的集合進行查詢。數據源模式允許最終開發人員將數據網格連接到任何類型的數據提供者。這裏是另一個使用Flickr API的例子:http://dailyjs.com/2012/10/29/fuel-ux/

我不知道任何專門用於Backbone的現有數據源示例,但如果有人沒有打敗我,我可以創建一個 - 我也非常喜歡Backbone。

+1

這將是非常好的有一些文檔說明如何很好地設置主幹集合,以及如何使用fuelux數據網格編輯每個行模型。 fuelux很棒,但是他們的文檔很差。它甚至需要時間來設置他們的依賴關係問題。也許我還在學習... – Lasang