Загружать элементы по запросу для NestedList в Sencha Touch

Question

Я создаю почтовое приложение с помощью Sencha Touch и использую виджет NestedList для панели навигации.

• Входящие
  • mail1
  • mail2
  • mail3
• outbox

Возможно, во входящем почтовом ящике много писем, поэтому я хочу загрузить его по требованию, когда пользователь выделитконец списка, он автоматически загрузит следующие 10 элементов и добавит новые элементы в список.

Как мне этого добиться?

Answer 1

Поскольку Sencha Touch делится большим количеством кода с ExtJS, вы можете получить представление о том, как этого добиться, взглянув на различные реализации liveGrid в ExtJS, поскольку это в основном то, что вы создаете.

Это наиболеестабильная и полная живая сетка, которую я использовал: http://www.ext -livegrid.com /

Answer 2

Вы можете попробовать что-то вроде следующего:

var loadingItems = false;

var fetchItems = function () {
    //fetch new items to add
    loadingItems = false;
};

//nestedList: reference to the nestedList
//x: new x position
//y: new y position
var scrollListener = function(nestedList, x, y) {
    //set some boundary for where we should start loading data
    var screenBottom = nestedList.getHeight() - OFFSET; 

    //if we're within some region near the bottom of the list...
    if((y >= screenBottom) && !loadingItems) {
        loadingItems = true;
        fetchItems();
    }
};
nestedList.addListener("move", scrollListener);