1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    6
    Vote Rating
    0
    Shafich is on a distinguished road

      0  

    Default Unanswered: After Removing items of Carousel i won't be able Add items to it.(Sencha Touch 2)

    Unanswered: After Removing items of Carousel i won't be able Add items to it.(Sencha Touch 2)


    Hello,
    (I am using Sencha Designer, so I am following the MVC pattern.)

    I have a TabPanel that contains a 4 Tabs one of these tabs is a "Carousel" and another is a "List".
    Each Item of the List Tab : "adds items to the carousel" and ondeactivate of carousel I use carousel's removeAll(true,false);

    Scenario:
    Adding Items to the Carousel only works the first time.
    After the first time I would only see "The carousel indicator".

    I've tried all combinations of removeAll(true/false,true/false); ( Just for the sake of saying I tried everything)
    I've tried using destroy() for carousel. (it deletes the carousel and then I lose its reference)
    Ive tried using doLayout() doComponentLayout() doRender() Render() .. things I've seen across the internet but none of these seems to be a function in the version I am using of sencha touch ( I am using Sencha Touch 2 in Sencha Designer ).

    This is my first Sencha App. so I am more than a newbie !
    I just hope someone can tell me what's wrong or can help me in anyway possible.
    Thank you in advance...

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


    When you add items, do you pass in config objects or new components?
    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
    Feb 2012
    Posts
    6
    Vote Rating
    0
    Shafich is on a distinguished road

      0  

    Default


    New components ....

    This is what I adding, Actually I am making a Panel (card layout) it is made up of 2 Panels (one Shown other hidden .. on tap I flip panel it). And Each of these panels have sub-panels ( its like each CARD face is made up of three parts 1st top html (not scrollable) - 2nd (mid- SCROLLABLE) - 3rd (bottom - html (not scrollable))).
    ------------------------------------------------------------
    for(loop for making my Items )
    {
    /**********innerList : this panel goes inside a the panel of the FRONT PANEL (so this is a a sub-panel)*************/
    innerList = Ext.create('Ext.Container', {
    scrollable:true,
    layout:"vbox",
    baseCls:"Innerlistcont",
    style:'background-color:transparent;',
    width:'100%',
    height:'65%',
    flex:1,
    cls:"outerList",
    id: 'TripList1'+i,
    itemId: 'TripList1'+i,
    items:face_2_arraylist.reverse()
    });










    /**********innerList_PageZero : this panel goes inside a the panel of the FRONT PANEL (so this si a a sub-panel)*************/
    innerList_PageZero = Ext.create('Ext.Container', {


    scrollable:true,
    layout:"vbox",
    baseCls:"Innerlistcont",
    style:'background-color:transparent;',
    width:'100%',
    height:'65%',
    flex:1,
    cls:"outerList",
    id: 'TripList1'+i,
    itemId: 'TripList1'+i,
    items:[{html:face_1_MidPart}]
    });


    /****panel0 : is the FRONT face of a Panel *****************************/
    panel0 = Ext.create('Ext.Panel',{
    xtype: 'container',
    id: 'panel_info'+i,
    itemId: 'panel_info'+i,
    baseCls:'maintcont2',
    cls:'SemiTranspanet',
    layout:"vbox",
    width:"99%",
    height:"90%",
    hideAnimation: 'flip',
    showAnimation: 'flip',
    items:[{flex:1,xtype: 'panel',html:face_1top},innerList_PageZero,{flex:1,docked:"bottom",xtype: 'panel',html: face_1bottom}]




    });


    /****panel1 : is the BACK face of a Panel *****************************/
    panel1 = Ext.create('Ext.Panel',{


    xtype: 'panel',
    id: 'panel_details'+i,
    itemId: 'panel_details'+i,
    cls:'SemiTranspanet',
    hidden:"true",
    layout:'vbox',
    width:"99%",
    height:"90%",
    baseCls:'maintcont2',
    hideAnimation: 'flip',
    showAnimation: 'flip',
    draggable: false,
    scrollable: false,
    items:[{flex:1,xtype: 'panel',html:face_2top},innerList,{docked:"bottom",xtype: 'panel',html: face_2bottom}]
    });


    /*****The 2 Panels I made previously (panel1 ,panel0) are added to this Panel (page) ***********/
    page = Ext.create('Ext.Panel',{
    xtype: 'panel',
    id: 'p'+i,
    itemId: 'p'+i,
    layout: 'card',
    cardSwitchAnimation: {
    type: 'flip',
    cover: true
    },


    items:[panel0,panel1]
    });
    /*********now Each "Page" Panel is added to the carousel dynamically **************/
    /*************I also Tried Adding all Panel of "Page" to an Array then inserting it to the carousel I have ********************************/

    }



    Thank you.

  4. #4
    Sencha User
    Join Date
    Feb 2012
    Posts
    6
    Vote Rating
    0
    Shafich is on a distinguished road

      0  

    Default


    Nothing ...

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    11
    Answers
    2
    Vote Rating
    0
    tretiy3 is on a distinguished road

      0  

    Default the as yours: add after remove all

    the as yours: add after remove all


    But now with Ext.TitleBar
    Adding item to titlebar after removeAll(true) raised this

  6. #6
    Sencha User
    Join Date
    Apr 2012
    Posts
    11
    Answers
    2
    Vote Rating
    0
    tretiy3 is on a distinguished road

      0  

    Default removeAll(true)

    removeAll(true)


    In my case (TitleBar) that caused by internal TitleBar implementation.
    So, to clean buttons from titlebar it requires me:

    var items = titlebar.getItems().items;
    for (var i=0,l=items.length;i<l;i++){
    if (items[i].xtype=='container'){
    items[i].removeAll();
    }
    }

Thread Participants: 2