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を実装しているにもかかわらず存在します。

どこが私の方向に間違っていますか？実装をロックしますか？

---

また、次の2つの方法を試しました。多くのテストの後

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