1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    4
    Vote Rating
    0
    IgorMan2 is on a distinguished road

      0  

    Default Please help, tell me how can i place items in my top toolbar in two lines?

    Please help, tell me how can i place items in my top toolbar in two lines?


    Please help, tell me how can i place items in my top toolbar in two lines?
    bellow my code to place textfield, two buttons and two checkbox. I want to place textfield and two buttons in first line, and two checkboxes in second line. Thanks!
    Code:
        initComponent: function() {
            var me = this;
            me.tbar = [
                     me.defaultSearchCaption,
                {
                     xtype: 'textfield',
                     name: 'searchField',
                     hideLabel: true,
                     width: 200,
                     listeners: {
                         change: {
                             fn: me.onTextFieldChange,
                             scope: this,
                             buffer: 100
                         }
                     }
                }, {
                    xtype: 'button',
                    text: '<',
                    tooltip: 'Find Previous Row',
                    handler: me.onPreviousClick,
                    scope: me
                },{
                    xtype: 'button',
                    text: '>',
                    tooltip: 'Find Next Row',
                    handler: me.onNextClick,
                    scope: me
                },
                    '-',
                {
                    xtype: 'checkbox',
                    hideLabel: true,
                    margin: '0 0 0 4px',
                    handler: me.regExpToggle,
                    scope: me
                },
                    me.defaultRECaption,
                {
                    xtype: 'checkbox',
                    hideLabel: true,
                    margin: '0 0 0 4px',
                    handler: me.caseSensitiveToggle,
                    scope: me
                },
                    me.defaultCSCaption
            ];

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


    Change the layout or specify two top docked toolbars.
    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
    May 2010
    Location
    Kiev, Ukraine
    Posts
    134
    Vote Rating
    7
    khmurach is on a distinguished road

      0  
    Vitaliy Khmurach
    Web Developer
    http://ext4all.com

  4. #4
    Sencha User
    Join Date
    Mar 2012
    Posts
    4
    Vote Rating
    0
    IgorMan2 is on a distinguished road

      0  

    Default Can't place my items as i want anywhere

    Can't place my items as i want anywhere


    please, see http://www.sst45.ru/spStore/

    navigation panel
    Code:
    initComponent: function() {
            this.tbar = Ext.create('Ext.toolbar.Toolbar', {
                layout: {
                    type: 'vbox',
                    align: 'top'
                },
                height: 100,
                items: [
                {
                    xtype: 'container',
                    items: [
                    {
                        xtype: 'textfield',
                        name: 'searchField',
                        hideLabel: true,
                        width: 200,
                        listeners: {
                            change: {
                                fn: this.onTextFieldChange,
                                scope: this,
                                buffer: 100
                            }
                        }
                    },
                    {
                        xtype: 'button',
                        text: '<',
                        tooltip: 'Find Previous Row',
                        handler: this.onPreviousClick,
                        scope: this
                    },
                    {
                        xtype: 'button',
                        text: '>',
                        tooltip: 'Find Next Row',
                        handler: this.onNextClick,
                        scope: this
                    }
                    ]
                },
                {
                    xtype: 'container',
                    items: [
                    {
                        xtype: 'checkbox',
                        hideLabel: true,
                        margin: '0 0 0 4px',
                        handler: this.regExpToggle,
                        scope: this
                    },
                    {
                        xtype: 'checkbox',
                        hideLabel: true,
                        margin: '0 0 0 4px',
                        handler: this.caseSensitiveToggle,
                        scope: this
                    }
                    ]
                }
                ]
            });

  5. #5
    Sencha User
    Join Date
    Mar 2012
    Posts
    4
    Vote Rating
    0
    IgorMan2 is on a distinguished road

      0  

    Default Need advice how better place 40 000 rows for people order our products ?

    Need advice how better place 40 000 rows for people order our products ?


    What component i need to use for this task?
    When i use 'grid panel' and 100 items my browser work tooooo long, but our products list is over 40 000 rows, how i must place it by using Ext JS?
    May be use dynamic fetching rows (ajax) or how, i don't know. Please help!

Thread Participants: 2