1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    6
    Vote Rating
    0
    mcornetto is on a distinguished road

      0  

    Default Unanswered: multi accordion when multi should equal false

    Unanswered: multi accordion when multi should equal false


    This accordion in a window allows multiple panels to be expanded <span style="color:#ff0000;">even when multi is specifically set to false</span>. Any idea why this is happening and how I can fix it? Not sure if this is a bug or my mistake. This happens in both Chrome and IE. I am using a ExtJS 4.0.7. Thanks.

    Code:
     
            var pop = Ext.create("Ext.Window", {
                title: "Available Layers",
                layout: {
                    type: "accordion",
                    fill: false,
                    shrinkToFit: false
                },
                width: 250,
                height: 350,
                autoScroll: true,
                items: [
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    }),
                    Ext.create("Ext.Panel", {
                        title: "A",
                        collapsed: true,
                        items: [
                            Ext.create("Ext.Container", {
                                html: "A1"
                            }),
                            Ext.create("Ext.Container", {
                                html: "A2"
                            })
                        ]
                    })
    
                ]
            });
      pop.show();
            pop.items.items[0].collapse();
            pop.items.items[0].expand();
    Last edited by mcornetto; 5 Mar 2013 at 11:35 PM. Reason: getting rid of blank space

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,688
    Answers
    3355
    Vote Rating
    749
    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


    Looks like this was a bug in 4.0.7 as in 4.1.1 only 1 will be expanded with your test
    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
    Mar 2013
    Posts
    6
    Vote Rating
    0
    mcornetto is on a distinguished road

      0  

    Default


    Trying to upgrade to 411 to see if it solves the problem. As usual upgrading is not a smooth process.

Thread Participants: 1

Tags for this Thread

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar