Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    jSkrinska is on a distinguished road

      0  

    Default Unanswered: Horizontal Scrolling around a Vertical List

    Unanswered: Horizontal Scrolling around a Vertical List


    I have a wide Vertical List which I want to scroll horizontally. But I can't figure out the right combination of containers that allow horiz scrolling for the underlying List. When I add width to the parent container, it allows me to scroll and see all content, but if I lift my finger the view snaps back to 0px. If I set parent container's layout:auto, then the x-axis scroller looks correct, but the List disappears and only the header bar remains.

    Any suggestions would be appreciated

    I made a sample off this senchaFiddle example:
    http://www.senchafiddle.com/#dSMpw

    Code:
    Ext.define('SenchaFiddle.store.Store', {
        extend:'Ext.data.Store',
        config: {
            model:'SenchaFiddle.model.Model',
            data:[
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
                {icon:'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'},
            ]
                }
                
                });
                
                
                
                Ext.define('SenchaFiddle.model.Model', {
                extend: 'Ext.data.Model',
                config: {
                fields: [{
                name: 'icon',
                type: 'string'
                }]
        }
    });
    
    
    
    
    
    
    
    
    Ext.Loader.setConfig({
        enabled: true
    });
    
    
    Ext.application({
        name: 'SenchaFiddle',
        models:['Model'],
        stores:['Store'],
        
        launch: function() {
            var list = Ext.create('Ext.List',{
                store: 'Store',
                itemTpl: new Ext.XTemplate('<img src="{icon}" width=750 height=50/>'),
                flex:1
            });
            
            var panel = Ext.create('Ext.Container', {
                layout:'fit',
                width:750,
                scrollable : {
                    direction     : 'horizontal',
                    directionLock : true
                },
                items: [
                        Ext.create('Ext.Container', {
                    layout:'vbox',
                    width:750,
                    items: [
                        {
                            html: 'Header bar',
                        },
                        list
                    ]
                })
                ]
            });
            
            Ext.Viewport.add(panel)
                }
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,522
    Answers
    3447
    Vote Rating
    814
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Instead of just layout : 'vbox, try

    Code:
    layout : {
        type  : 'vbox',
        align : 'stretch'
    }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    jSkrinska is on a distinguished road

      0  

    Default


    I added it into
    http://www.senchafiddle.com/#dSMpw#nRlXh

    But it still doesnt handle. What is the best way to allow scrolling on wide content.

    An example of what I am trying to do is below. The x's are content in the viewport, and the y's are the overflow.

    The ideal rendering of the scroll bar
    ----------------
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |scroooooool|
    ----------------


    It looks like the viewport creates this wider scroll bar:

    ----------------
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |xxxxxxxxxx|yyyyyyy
    |scroooooooo|ooooool
    ----------------

    Anything come to mind for what is wrong here? Or are there any examples someone has which demonstrates simple overflow scrolling?

    Thanks

Thread Participants: 1