ExtJS4 бесконечный прокрутку пагинации на розовой плагине
-
12-12-2019 - |
Вопрос
Я пытаюсь получить бесконечный свиток для работы и пошел через соответствующие блоги и посты, но не может выяснить, почему, когда мой Verticalscroller достигает NumFromege, она не стремится к серверу?
Я понял это правильно, что, когда вертикальная скроллер достигает NumFromege, запрос будет уволен магазином на сервере? который подразумевает, что на стороне сервера мы должны управлять запросом и возвращением страницами? Или я возвращаю все записи сразу с сервера? Потому что, если я установлю ведущийbufferedzone, чтобы сказать 100 и PurgePageCount до 0, то есть около 7 запросов, сделанные каждый из 50 на сервер? Но в этом случае, как вы можете видеть, это не происходит на NumFromege, но вправо в начале ...
Моя сетка
Ext.define('AM.Something', {
extend : 'Ext.grid.Panel',
alias : 'widget.something',
title : 'something',
store : 'somethingStore',
verticalScroller: {
numFromEdge: 10,
trailingBufferZone: 10,
leadingBufferZone: 10
},
verticalScrollerType: 'paginggridscroller',
invalidateScrollerOnRefresh: false,
disableSelection:true,
selType : 'rowmodel',
features : [ somefiltering],
plugins : // Row editing plugin ....
.
Мой магазин
Ext.define('AM.somethingStore', {
extend: 'Ext.data.Store',
model: 'AM.somethingModel',
autoLoad : true,
autoSync: true,
// remoteSort:true,
buffered : true,
// leadingBufferedZone:100,
// purgePageCount:0,
pageSize:50,
proxy: {
type: 'ajax',
api :
{
read : 'something/fetch',
update:'something/update',
create :'something/create',
destroy : 'something/delete'
},
reader :
{
type : 'json',
root : 'someList.content', // an array of rows for the grid
successProperty : 'success',
idProperty : 'id',
totalProperty: 'total'
},
writer :
{
type : 'json',
allowSingle : true
}
}
.
Я использую Spring-Data и Spring Controllers на Backend
@RequestMapping(value = "/something/fetch", method = RequestMethod.GET)
public @ResponseBody
Map<String, ? extends Object> fetchPricing(@RequestParam Integer page, @RequestParam Integer limit ) {
Page<Somethings> someList= someService.fetchSomething(page-1,limit);
Map<String, Object> responseMap = new HashMap<String, Object>();
responseMap.put("success", true);
responseMap.put("someList", someList);
return responseMap;
}
.
Я ожидал, что когда прокрутка будет достигнут в течение 10 из последних записей, отображаемых в сетке, магазин будет отправлять запрос на сервер для Page2 и предел PageSe.
Есть ли что-нибудь настроенное неправильно?
Спасибо заранее
Решение
Store
//autoLoad : true,
autoSync: true,
//remoteSort:true,
remoteFilter:true,
buffered : true,
leadingBufferedZone:200,
purgePageCount:0,
pageSize:50
.
Сетка
verticalScroller: {
numFromEdge: 10,
trailingBufferZone: 10,
leadingBufferZone: 10
},
verticalScrollerType: 'paginggridscroller',
invalidateScrollerOnRefresh: false,
disableSelection:true,
.