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