Results 1 to 2 of 2

Thread: scroll two ext.TabPanels together

  1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    2
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    Are you able to get the element you want to scroll?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •