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
   };
}));

我的主干渲染包括以下代码来建立数据源

   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
        });

我收到错误未定义静态数据源。

谁能给我解释一下?或者,如果你能帮助我对教程的任何参考,它很好地解释了如何从骨干集合中设置数据源数据,我将非常感激?在我看来,fuelux dosent 有很好的文档。

4

1 回答 1

1

https://github.com/ExactTarget/fuelux/blob/master/sample/datasource.js上的示例数据源允许您使用简单的 JavaScript 对象填充数据网格,您可以通过调用集合从 Backbone 集合中获取该.toJSON()对象. 然后,按如下方式实例化数据源:

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

(将列替换为您自己的网格所需的内容,并替换data: sampleData.geonamesdata: yourCollection.toJSON()

然后,您应该能够按如下方式实例化数据网格:

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

注意:这会对您的数据进行一次性快照并将其提供给数据网格。如果您希望您的数据网格支持针对您的 Backbone 集合的实时查询,那么只需提供一个对您的集合进行这些查询的数据源即可。数据源模式允许最终开发人员将数据网格连接到任何类型的数据提供者。这是另一个使用 Flickr API 的示例:http: //dailyjs.com/2012/10/29/fuel-ux/

我不知道有任何专门针对 Backbone 的现有数据源示例,但如果有人没有击败我,我可能会创建一个 - 我也非常喜欢 Backbone。

于 2013-04-01T15:20:07.960 回答