我正在尝试构建启用排序、搜索和分页的数据网格。因此,我使用fuelux-datagrid。
我的主干视图如下所示:
var app = app || {};
$(function ($) {
'use strict';
// The Players view
// ---------------
app.PlayersView = Backbone.View.extend({
template: _.template( $("#player-template").html() ),
initialize: function () {
if(this.collection){
this.collection.fetch();
}
this.listenTo(this.collection, 'all', this.render);
},
render: function () {
this.$el.html( this.template );
var dataSource = new StaticDataSource({
columns: [
{
property: 'playername',
label: 'Name',
sortable: true
},
{
property: 'age',
label: 'A',
sortable: true
}
],
data: this.collection.toJSON(),
delay: 250
});
$('#MyGrid').datagrid({
dataSource: dataSource,
stretchHeight: true
});
}
});
});
播放器模板仅包含中给出的模板Fuelux数据网格 http://exacttarget.github.com/fuelux/#datagrid。我的路由代码在某处实例化 app.playerview 并使用集合作为
new app.PlayersView({
collection : new app.PlayersCollection
}));
我的球员收藏包含球员模型列表如下
[{
"id":1,
"playername":"rahu",
"age":13
},
{
"id":2,
"playername":"sahul",
"age":18
},
{
"id":3,
"playername":"ahul",
"age":19
}]
我的数据源类/函数用列和数据方法构造数据源,如下所示数据源构造函数 https://github.com/ExactTarget/fuelux/blob/master/sample/datasource.js
但是,我收到错误“数据源未定义”。有谁能够帮助我?
我只是想破解代码,这样我就可以构建数据源,以便从玩家集合中获取数据,而不是在给定示例中从本地 data.js 构建数据源。
另外,如何添加一个额外的列,以便我们可以将编辑标签放入 insdie,并且它应该能够在单击该编辑时编辑特定的行模型。
我一直在这些问题上徘徊。找出答案将会有很大帮助。