Sencha Touch`directionLock` - 我哪裏錯了？

Question

我已經定義了一個傳送帶。

Ext.define('rpc.view.bible.indexView', {     
    extend: 'Ext.Carousel', 
    alias: 'widget.bible-indexView', 
    direction: 'horizontal', 
    directionLock: true, 
    config: { 
        items: [{ 
            xtype: 'toolbar', 
            title: 'Bible Reading Plan', 
            docked: 'top' 
        }, { 
            xtype: 'bible-_chapterADayView' 
        }, { 
            xtype: 'bible-_bibleInAYearView' 
        }] 
    }, 
    initialize: function() { 
        console.log('rpc.view.bible.indexView ~ initialize'); 
        this.callParent(); 
    } 
}); 

兩者bible-_chapterADayView和bible-_bibleInAYearView是擴展的Ext.Panel局部視圖。

他們按預期工作，但我在this bug report中的滾動問題仍然存在，即使我已實施directionLock。

我在哪裏出錯我的directionLock實現？

---

我也試過了以下兩種方法。

Ext.define('rpc.view.bible.indexView', {     
    extend: 'Ext.Carousel', 
    alias: 'widget.bible-indexView', 
    config: { 
        scrollable: { 
            direction: 'horizontal', 
            directionLock: true 
        }, 
        items: [{ 
            xtype: 'toolbar', 
            title: 'Bible Reading Plan', 
            docked: 'top' 
        }, { 
            xtype: 'bible-_chapterADayView' 
        }, { 
            xtype: 'bible-_bibleInAYearView' 
        }] 
    }, 
    initialize: function() { 
        console.log('rpc.view.bible.indexView ~ initialize'); 
        this.callParent(); 
    } 
}); 

和

Ext.define('rpc.view.bible.indexView', {     
    extend: 'Ext.Carousel', 
    alias: 'widget.bible-indexView', 
    scrollable: { 
        direction: 'horizontal', 
        directionLock: true 
    }, 
    config: { 
        items: [{ 
            xtype: 'toolbar', 
            title: 'Bible Reading Plan', 
            docked: 'top' 
        }, { 
            xtype: 'bible-_chapterADayView' 
        }, { 
            xtype: 'bible-_bibleInAYearView' 
        }] 
    }, 
    initialize: function() { 
        console.log('rpc.view.bible.indexView ~ initialize'); 
        this.callParent(); 
    } 
}); 

Answer 1

多的測試後，它看起來好像它正常工作，如果scrollable連接到partialView而不是轉盤。

Ext.define('rpc.view.bible.indexView', { 
    extend: 'Ext.Carousel', 
    alias: 'widget.bible-indexView', 
    config: { 
     items: [{ 
      xtype: 'toolbar', 
      title: 'Bible Reading Plan', 
      docked: 'top' 
     }, { 
      xtype: 'bible-_chapterADayView' 
     }, { 
      xtype: 'bible-_bibleInAYearView' 
     }] 
    }, 
    initialize: function() { 
     console.log('rpc.view.bible.indexView ~ initialize'); 
     this.callParent(); 
    } 
}); 


Ext.define('rpc.view.bible._bibleInAYearView', { 
    extend: 'Ext.Panel', 
    alias: 'widget.bible-_bibleInAYearView', 
    config: { 

     // ADD THE SCROLLABLE INFO HERE TO ACHIEVE THE DESIRED RESULT 
     scrollable: { 
      direction: 'vertical', 
      directionLock: true 
     }, 


     items: [{ 
      html: '<span style="float:right;"><i>Swipe for Chapter a Day</i><div class="x-icon-swipe x-icon-swipe-right"></div></span>' 
     }, { 
      xtype: 'container', 
      cls: 'x-panel-rpc', 
      items: [{ 
       html: '<h1>Bible in a Year</h1><i>Reading Plan</i>' 
      }] 
     }, { 
      xtype: 'container', 
      cls: 'x-panel-rpc', 
      items: [{ 
       html: 'Rockin the lower info panel<br><br><br><br><br><br><br><br>more info<br><br><br><br>end' 
      }] 
     }] 
    }, 
    initialize: function() { 
     console.log('rpc.view.bible._bibleInAYearView ~ initialize'); 
     this.callParent(); 
    } 
});