-->

从骨干收集设置fuelux数据网格源(setting fuelux datagrid source

2019-08-18 15:25发布

我想设置从我的骨干收集fuelux DataGrid的来源。 示例的源是在这里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的内容? fuelux dosent在我看来很好的文档。

Answer 1:

在样本数据源https://github.com/ExactTarget/fuelux/blob/master/sample/datasource.js让你来填充一个简单的JavaScript对象,你可以从一个骨干集合通过调用获取数据网格.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

注意:这需要你的数据的一次性快照,并将其提供给数据网格。 如果你希望你的DataGrid支持对您的骨干收集实时查询,这纯粹是提供一个数据源,使这些查询针对您的收藏的问题。 数据源模式允许最终开发到DataGrid连接到任何类型的数据提供商。 下面是一个使用Flickr的API另一个例子: http://dailyjs.com/2012/10/29/fuel-ux/

我不知道的任何现有数据源的例子专门为骨干,但如果有人不打我给它我可以创造一个 - 我真的喜欢骨干也。



文章来源: setting fuelux datagrid source from backbone collection