Sencha Touch 1.1 .: невозможно прокрутить и выбрать строки в Ext.List, который вложен в Ext.Carousel - PullRequest
Новая
       3

Sencha Touch 1.1 .: невозможно прокрутить и выбрать строки в Ext.List, который вложен в Ext.Carousel

2 голосов
/ 20 февраля 2012

В Sencha Touch версии 1.1 я пытаюсь поместить несколько списков типа Ext.List в Ext.Carousel, чтобы: 1. Я мог проводить пальцем по горизонтали, чтобы переключаться между несколькими различными списками.2. В то же время я хочу иметь возможность прокручивать видимый список и выбирать строку и т. Д.

Что работает до сих пор: я могу добавить несколько списков в карусель.Все отображается отлично.Жест горизонтальной прокрутки работает так, что я могу переключаться между различными списками.

Проблема: я не могу прокрутить и выбрать строку из моих списков.Кажется, что карусель скрывает все события, и мой список не реагирует ни на какие события перетаскивания, прокрутки или щелчка.

Есть идеи?

 Ext.regModel('Contact', {
fields: ['firstName', 'lastName']});

var store = new Ext.data.JsonStore({
    model  : 'Contact',
    sorters: 'lastName',

    getGroupString : function(record) {
        return record.get('lastName')[0];
    },

    data: [
        {firstName: 'Tommy',   lastName: 'Maintz'},
        {firstName: 'Rob',     lastName: 'Dougan'},
        {firstName: 'Ed',      lastName: 'Spencer'},
        {firstName: 'Jamie',   lastName: 'Avins'}
    ]
});

var list1 = new Ext.List({
    fullscreen:true,
    itemTpl : '{firstName} {lastName}',
    grouped : true,
    indexBar: false,
    scroll: true,
    store: store
});


var list2 = new Ext.List({
    fullscreen:true,
    itemTpl : '{firstName} {lastName}',
    grouped : true,
    indexBar: false,
    scroll: true,
    store: store,
    listeners : {
                itemtap : function(view, index, item, e) {
                    alert("test for tab works");
                }
            }
});

  carousel = new Ext.Carousel({
      indicator:false,
       direction:'horizontal',
       fullscreen:true,
         items: [
             list1,
            list2
]
});

carousel.show();
list1.show();
list2.show();

1 Ответ

0 голосов
/ 16 августа 2012

Если вы просто не решили проблему,

попробуйте использовать "scrollable: true" вместо "scroll"

или попробуйте использовать прокрутку внутри карусели.

...