Javascript 主干上的Fuelux datagrid js NAN错误,无数据
我正在为我的单页web应用程序使用主干、Require、Fuelux、Bootstrap,我正在尝试让Fuel UX datagrid处理这个问题,我可以看到返回了正确的对象集,这很好,但是数据不会插入到表中,页面计数下有NaN,表中的所有其他字段都为空 唯一正确返回的是返回的对象数。这怎么可能呢Javascript 主干上的Fuelux datagrid js NAN错误,无数据,javascript,backbone.js,require,fuelux,Javascript,Backbone.js,Require,Fuelux,我正在为我的单页web应用程序使用主干、Require、Fuelux、Bootstrap,我正在尝试让Fuel UX datagrid处理这个问题,我可以看到返回了正确的对象集,这很好,但是数据不会插入到表中,页面计数下有NaN,表中的所有其他字段都为空 唯一正确返回的是返回的对象数。这怎么可能呢 define([ 'jquery', 'underscore', 'Backbone', 'fuelux', 'sampleData', 'dataso
define([
'jquery',
'underscore',
'Backbone',
'fuelux',
'sampleData',
'datasource',
'bootstrap',
'qunit',
'bootstrapDatepicker'
], function($, _, Backbone, fuelux, sampleData, datasource, Bootstrap, Qunit, Datepicker){
var initialize = function(){
var ReportModel = Backbone.Model.extend({
urlRoot: '/CareersAndJobs/cnj_report',
initialize: function(){
// console.log('test');
}/*,
defaults: function(){
return {
fromDate: new Date(),
toDate: '',
limit: 10
}
}*/
});
var ReportCollection = Backbone.Collection.extend({
url: '/CareersAndJobs/cnj_report',
model: ReportModel
});
var ReportData = new ReportModel(sampleData.geonames);
var ReportRouter = Backbone.Router.extend({
initialize: function(){
Backbone.history.start();
},
routes: {
'' : 'main'
},
'main': function(){
// console.log('main test');
$ = jQuery;
$('#fromDate').datepicker().on('changeDate', function(e){
$('#toDate').datepicker('setStartDate', new Date(e.date.valueOf()));
});
$('#toDate').datepicker().on('changeDate', function(e){
$('#fromDate').datepicker('setEndDate', new Date(e.date.valueOf()));
});
sidebarwidth = $(".sidebar-width").css('width');
bodypaddingtop = $(".navbar-fixed-top").css('height');
sidebarheight = $("body").css('height');
$('.sidebar-nav-fixed').css('width', sidebarwidth);
$('.sidebar-nav-fixed').css('height', sidebarheight);
$('body').css('paddingTop', bodypaddingtop)
contentmargin = parseInt(sidebarwidth)
$('.span-fixed-sidebar').css('marginLeft', contentmargin);
$('.span-fixed-sidebar').css('paddingLeft', 60);
}
});
Collection = new ReportCollection(ReportData);
var ReportView = Backbone.View.extend({
el: $('#container'),
initialize: function(){
Collection.fetch();
_.bindAll(this, 'render', 'submit_form');
this.render();
},
events: {
"click #submit": "submit_form"
},
render: function(){
// INITIALIZING THE DATAGRID
var dataSources = new datasource({
columns: [
{
property: 'toponymName',
label: 'Name',
sortable: true
},
{
property: 'countrycode',
label: 'Country',
sortable: true
},
{
property: 'population',
label: 'Population',
sortable: true
},
{
property: 'fcodeName',
label: 'Type',
sortable: true
}
],
data: ReportData.toJSON(),
delay: 250
});
console.log(ReportData.toJSON());
$('#DataGrid').datagrid({
dataSource: dataSources,
stretchHeight: true
});
return this;
},
submit_form: function(){
data = Collection.fetch();
console.log(data);
}
});
var ReportView = new ReportView;
ReportRouter = new ReportRouter();
ReportRouter.on('router:main', function(){
console.log('router test');
ReportView.render();
});
};
return {
initialize: initialize
};
});
在数据源的
data
函数中,请检查传入回调的对象,以验证其是否按预期构造。这应该可以解释是什么阻止了datagrid正确呈现。我刚刚添加了一个屏幕截图,详细说明了控制台中返回的数据。这似乎是正确的。有什么可能是错的吗?