0
我想介紹使用backbone.js paginator plugin的requestPager
分頁。困惑與Backbone.js分頁
問題:建立延伸Backbone.Paginator.requestPager
的collection
後,我刷新網頁和JavaScript控制檯拋出錯誤:
Uncaught TypeError: Object function (a){return new m(a)} has no method 'result' backbone.paginator.js:678
我很新的骨幹,是不知道該怎麼去錯誤。是因爲我使用了fetch()
,它出現在下面錯誤的屏幕截圖中?我還注意到沒有GET
請求被髮送到後端。發生了什麼,我該如何解決這個問題?謝謝!
JS代碼
// Collection
window.ListingCollection = Backbone.Paginator.requestPager.extend({
model: Listing,
paginator_core: {
type: 'GET',
dataType: 'jsonp',
url: 'api/listings'
},
paginator_ui: {
firstPage: 0,
currentPage: 0,
perPage: 10,
totalPages: 10
},
server_api: {
'$filter': '',
'$per_page': function() { return this.perPage; },
'$current_row': function() { return this.currentPage * this.perPage; },
'$order_by': 'listing_id'
},
parse: function(response){
this.totalPages = Math.floor(response.total_rows/this.perPage);
}
});
JS代碼
// Router
var AppRouter = Backbone.Router.extend({
routes: {
'': 'listings',
'listings': 'listings'
},
listings: function() {
var self = this;
// Load initial search results
this.listingList = new ListingCollection();
this.listingList.fetch({
success: function() {
self.listingListView = new ListingListView({ model: self.listingList });
$('#listing_list table').append(self.listingListView.render().el);
}
});
this.listingFilterView = new ListingFilterView();
}
});
在Javascript控制檯截圖誤差
JS
<!-- JavaScript -->
<script src="assets/js/lib/jquery-1.7.1.min.js"></script>
<script src="assets/js/lib/underscore-min.js"></script>
<script src="assets/js/lib/backbone-min.js"></script>
<script src="assets/js/lib/backbone.paginator.js"></script>
<script src="assets/js/lib/bootstrap.js"></script>
<script src="assets/js/lib/bootstrap-datepicker.js"></script>
<script src="assets/js/app.js"></script>
太棒了!我更新到1.3.3,錯誤消失了!現在我發現'_.template'函數有錯誤,它似乎不喜歡'<%if(<%= address_2%>){%>,<%= address_2%><%}%>''了! – Nyxynyx
你使用什麼模板引擎?語法看起來有點混亂......我使用把手,它很棒。 –
我使用backbone.js/underscore.js自帶的默認模板引擎。我會看看Handlebars,謝謝! – Nyxynyx