1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    tcurdt is on a distinguished road

      0  

    Default horizontal scrolling always bouncing back

    horizontal scrolling always bouncing back


    I am trying to create a custom panel that has a scrollable dataview at the bottom.

    Code:
    App.views.TestPanel = Ext.extend(Ext.Panel, {
      initComponent: function() {
        ... 
        var datasheet = new Ext.Panel({
          ...
        });
    
    
        var scrollerTpl = new Ext.XTemplate(
          '<ul class="scroller">',
          '<tpl for=".">',
            '<li><img src="images/ref/{id}_thumb.jpg"/></li>',
          '</tpl>',
          '</ul'
        );
    
    
        var scroller = new Ext.DataView({
          dock: 'bottom',
          store: this.store,
          overItemCls: "scroller",
          width: 117 * this.store.data.items.length,
          itemSelector: "li",
          tpl: scrollerTpl,
          emptyText: 'No images to display',
          scroll: 'horizontal',
        });
    
    
        Ext.apply(this, {
          dockedItems: [
            scroller,
            datasheet,
          ],
          items: [
            {
              region: 'center',
              html: 'TEST',
            },
          ]
        });
        App.views.TestPanel.superclass.initComponent.apply(this, arguments);
      }
    });
    Unfortunately with the above code the DataView completely ignores the width and images are wrapping into a second line on the browser border. While I can scroll the view it just is not wide enough.

    When I now move the scroller from the docketItems into items it sort of works. It is wide enough and I can scroll it but it always bounces back to position {0,0}.

    Any idea what I am doing wrong here?

  2. #2
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    tcurdt is on a distinguished road

      0  

    Default


    Digging a little deeper I can see that snapToBoundary() brings the scroller back to a "valid" offsetBoundary. Of course now the question is why the offsetBoundary is wrong.

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    tcurdt is on a distinguished road

      0  

    Default


    I can see that updateBoundary() calculate a boundary of

    {
    bottom: 0
    left: 0
    right: 0
    top: 0
    }

  4. #4
    Sencha User
    Join Date
    Jan 2012
    Posts
    9
    Vote Rating
    0
    tcurdt is on a distinguished road

      0  

    Default


    Turns out the trick is to declare the scrolling on the parent.
    Trying really hard not to think about the hours wasted *sigh*

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    19
    Vote Rating
    1
    chris_np is on a distinguished road

      0  

    Default


    Quote Originally Posted by tcurdt View Post
    Turns out the trick is to declare the scrolling on the parent.
    Trying really hard not to think about the hours wasted *sigh*
    Thanks to your comment, I only wasted about 45 minutes.

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi