Загрузите объекты по запросу для NestedList в Sencha Touch

Question

Я создаю приложение, подобное электронной почте, с Sencha Touch, и я использую виджет NestedList для панели навигации.

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

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

Как я могу это достичь?

Answer 1

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

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); 

Answer 2

Поскольку акции Сенча сенсорный много кода с ExtJS вы можете получить представление о том, как достичь этого, глядя на различных LiveGrid реализаций в ExtJS, так что в основном, что вы создаете.

Это наиболее стабильной и всеобъемлющей LiveGrid я использовал: http://www.ext-livegrid.com/