1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    2
    Vote Rating
    0
    ankurgarg27 is on a distinguished road

      0  

    Default Unanswered: scroll two ext.TabPanels together

    Unanswered: scroll two ext.TabPanels together


    So I have been searching everywhere for the past week but I cant find a way to get two "Ext.TabPanel to scroll together.I am making this page to have Ext.Panel which has two items :



    Code:
    var MyBorderPanel = new Ext.Panel({
        layout: 'border',
        renderTo: 'command_display',
        cls: 'auto-width-tab-strip',
        height:800,
        items: [
        {
            region: 'west',
            title: 'item1: <?=ui::getURLField("item1")?>',
            split: true,
            width: 500,
            minSize: 100,
            maxSize: 900,
            layout: 'fit', // specify layout manager for items
            items:   // this TabPanel is wrapped by another Panel
            baseTab
        },
        {
            region: 'center',
            title: 'item2 : <?=ui::getURLField("item2")?>',
            split: true,
            margins: '0 0 0 0',
            layout: 'fit', // specify layout manager for items
            items:            // this TabPanel is wrapped by another Panel
            compareTab
        }
    ]
    });
    These items : baseTab and compareTab are described like :



    Code:
    var baseTab = new Ext.TabPanel({
        border: false, // already wrapped so don't add another border
        activeTab: 0, // second tab initially active
        items: [
        <?php
            $uihelper->perform("InitItem1Iteration");
            $comma = true;
            while($uihelper->hasNext("Item1Iteration"))
            {
                $uihelper->next("Item1Iteration");
        ?>      
        <?=(!$comma?",":"")?>
        {
            title: 'some php code',
            id: 'some php code',
            autoScroll: true,
            contentEl: 'some php code',
        }
        <?php 
        $comma = false;
        } ?>
        ]
    });
    Similar is the Item2.Now basically what I want is. that these two tab panels have sroll bars, so I want that whenever I scroll one tabPanel, the other tab panel automatically scrolls along with it.Is it even possible?Thanks Andy

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,225
    Answers
    3522
    Vote Rating
    859
    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


    Are you able to get the element you want to scroll?
    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.

Thread Participants: 1

Tags for this Thread