首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >与Meteor一起使用Backgrid

与Meteor一起使用Backgrid
EN

Stack Overflow用户
提问于 2015-10-19 21:39:36
回答 1查看 80关注 0票数 0

如何将Backgrid与Meteor集成?我正在使用流星包productiveme:meteor-backgrid,它使用最新的Backgrid版本,但没有在流星中使用的文档。我的两个主要问题是:

问题#1

如何将Meteor/MongoDB集合或游标转换为主干集合以填充表?(发布/订阅函数是正确的,数据可以在Backgrid之外成功访问)

问题2

既然Backgrid是通过javascript启动的,而不是模板环境,那么我是以最“快速”的方式来启动的吗?

代码语言:javascript
复制
Template.customers.onRendered(function() {

    var project_id = Session.get('current_project')._id;
    var allCustomers = Customers.find({'project': project_id}).fetch();

    var columns = [
        {
            name: 'name',
            label: 'Name',
            cell: 'string'
        },
    ];
    var grid = new Backgrid.Grid({
        columns: columns,
        collection: allCustomers,
    });

    $("#table-container").append(grid.render().el);
});

下面是控制台中的错误:

代码语言:javascript
复制
TypeError: obj[implementation] is not a function
at _.each.Events.(anonymous function) [as listenTo] (http://mb-air.local:3000/packages/productiveme_backgrid.js?7cf0e8ad9ae9ed918329b72c89c983e50097c6f6:282:26)
at Backgrid.Body.Backbone.View.extend.initialize (http://mb-air.local:3000/packages/productiveme_backgrid.js?7cf0e8ad9ae9ed918329b72c89c983e50097c6f6:4014:10)
EN

回答 1

Stack Overflow用户

发布于 2015-10-20 17:30:47

我能够通过建立一些虚拟骨干模型和集合来解决问题#1,如下所示:

代码语言:javascript
复制
var allCustomers = Customers.find({'project': project_id}).fetch();

var MyModel = Backbone.Model.extend({
    defaults: {
        id: null,
        name: null,
    }
});

var MyCollection = Backbone.Collection.extend({
    model: MyModel,
    initialize: function(models, options) { }
});

var myCollections = new MyCollection(allCustomers);

var columns = [
    {
        name: 'name',
        label: 'Name',
        cell: 'string',
        editable: false,
    },
];
var grid = new Backgrid.Grid({
    columns: columns,
    collection: myCollections,
});

$("#table-container").append(grid.render().el);

,但表不是反应性的。我还在学习Meteor,所以如果有人能对我做错了什么提出建议,那就太棒了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33224392

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档