Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    19
    Vote Rating
    1
    honggang.z.zhu is on a distinguished road

      0  

    Default Container is not be filled 100 percent by a toolbar

    Container is not be filled 100 percent by a toolbar


    I have a container object in view port, i set the layout 'fit', then i render a toolbar to this container, when this container is rendering, i put these codes in this event:

    Ext.create('Ext.toolbar.Toolbar', {
    renderTo: 'cntMainMenu',
    items: [
    {
    xtype: 'button',
    text: 'Panel Show'
    },
    {
    xtype: 'button',
    text: 'Temp Show'
    }
    ]
    });

    This toolbar's buttons can not be loaded successfully. When I set toolbar's width attribute a exact number, these buttons be loaded successfully, but this container is not be filled 100 percent, what can do ?

    02.png

  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,266
    Vote Rating
    121
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Perhaps you should show a picture of what you're trying to achieve...

    You will need to set a width to the toolbar if you are using the renderTo configuration.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  3. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    19
    Vote Rating
    1
    honggang.z.zhu is on a distinguished road

      0  

    Default


    I need to put a combobox on a container, I have to use 'renderTo' atrribute, I want this combobox to be resized when the contianer is resized. what should i do?

  4. #4
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,266
    Vote Rating
    121
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Start an Ext Project
    Drag out a Panel
    Put the Combobox into the Panel
    Set the layout of the Panel to 'anchor'
    Set the Combobox anchor configuration to '100%'

    Resize the Panel and you'll see the combo adapts to the panel...
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  5. #5
    Sencha User
    Join Date
    Oct 2012
    Posts
    19
    Vote Rating
    1
    honggang.z.zhu is on a distinguished road

      0  

    Default


    Thanks for you help.
    I did it as you said, but i need this panel/ container render to another container 'ControllerA'. When I am resizing
    'ControllerA', the combobox is not resized.

    Below is the code, I want to render this panel to another container.

    Ext.define('app.view.Page.P4', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.pagep4',


    layout: {
    type: 'anchor'
    },
    title: 'P4',


    initComponent: function() {
    var me = this;


    Ext.applyIf(me, {
    items: [
    {
    xtype: 'combobox',
    anchor: '98%',
    fieldLabel: 'Label'
    }
    ]
    });


    me.callParent(arguments);
    }


    });

  6. #6
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,266
    Vote Rating
    121
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    How are you resizing it?

    Have you put Page.P4 in as an item of this container?
    Aaron Conran
    @aconran
    Sencha Architect Development Team

Thread Participants: 1