1. #1
    Sencha User raskri's Avatar
    Join Date
    Dec 2008
    Location
    Stavanger, Norway
    Posts
    73
    Vote Rating
    0
    raskri is on a distinguished road

      0  

    Question Problem with scrollbar inside Panel (even through Ext Designer)

    Problem with scrollbar inside Panel (even through Ext Designer)


    This is a simple copy from the designer.
    It works fine in Firefox, but Ie7 and Ie8 messes up the scroll bar inside the panel.

    Am I missing something?

    Code:
      MyWindowUi = Ext.extend(Ext.Window, {
            title: 'My Window',
            width: 508,
            height: 300,
            layout: 'fit',
            initComponent: function() {
                this.items = [
                    {
                        xtype: 'panel',
                        title: 'Tab 1',
                        frame: true,
                        bodyStyle: 'padding: 15px 15px;',
                        autoScroll: true,
                        items: [
                            {
                                xtype: 'container',
                                autoEl: 'div',
                                layout: 'form',
                                labelAlign: 'right',
                                items: [
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'textfield',
                                        fieldLabel: 'Label',
                                        anchor: '100%'
                                    },
                                    {
                                        xtype: 'fieldset',
                                        title: 'My Fields',
                                        layout: 'form',
                                        items: [
                                            {
                                                xtype: 'textfield',
                                                fieldLabel: 'Label',
                                                anchor: '100%'
                                            },
                                            {
                                                xtype: 'textfield',
                                                fieldLabel: 'Label',
                                                anchor: '100%'
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ];
                MyWindowUi.superclass.initComponent.call(this);
            }
        });
    
        // I added this
        new MyWindowUi().show();

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,483
    Vote Rating
    35
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    But why would you have Window which contains a Panel which contains a Container housing your inputs?

    Why wouldn't you just put them in the Window?

    Just another example of the Designer still requiring thought, knowledge and design.

    Better to just learn and write 20 lines of code which you can comment and then maintain!

  3. #3
    Sencha User raskri's Avatar
    Join Date
    Dec 2008
    Location
    Stavanger, Norway
    Posts
    73
    Vote Rating
    0
    raskri is on a distinguished road

      0  

    Default


    That was just an example, a simplification of what I need. I reproduced my problem in the Designer. With minimal code for it to be easily understood and to get help.

    Anyway, having a Window which contains a Panel which contains a Container(which has FormLayout) which contains FormFields, should work, right?

    What I need is a window with a tabpanel, and inside one of the tabs, two containers with form fields:
    firefox:Firefox_3.6.jpg
    ie7:Ie8.png
    ie8:IE7.JPG.jpg
    Last edited by raskri; 20 Apr 2010 at 10:54 PM. Reason: added img

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,483
    Vote Rating
    35
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    It will work (with inefficiency) if you specify which layout manager you want to size each child Component.

    You see you STILL have to work out, and specify how you want child Components sized. The Ext Designer won't TELL you what to do, you tell IT.

    Just the same as writing the code. Only much slower! And you can't cast your eyes over it and understand it, and see where to go in and modify. You just have a WYSIWYG thing which hides all this stuff from maintainers, making it a nightmare to maintain.

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