1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    30
    Vote Rating
    0
    ragendu is on a distinguished road

      0  

    Default Unanswered: Adding button next to combo box

    Hi,
    I have a filter panel where i have some combo boxes. Now I need to add a button next to one of the combo box.Below is my panel
    filterPanel = new Ext.Panel({
    renderTo: document.body,
    bodyStyle: 'padding-top: 6px;',
    title: 'Filters',
    collapsible: true,
    collapsed: true,
    shadow: 'sides',
    width: 400,
    frame: true,
    floating: true,
    layout: 'form',
    labelWidth: 150,
    buttonAlign: 'center',
    items: [
    {
    xtype: 'combo',
    id: 'xFilter',
    width: 200,
    listWidth: 200,
    fieldLabel: 'Filter',
    store: filterStore,
    displayField:'filterDisp',
    valueField:'filterVal',
    typeAhead: true,
    editable: true,
    mode: 'local',
    forceSelection: true,
    triggerAction: 'all',
    selectOnFocus:false
    },{
    xtype: 'combo',
    id: 'xStatus',
    width: 200,
    listWidth: 200,
    fieldLabel: 'Status',
    store: statusStore,
    displayField:'statusDisp',
    valueField:'statusVal',
    typeAhead: true,
    editable: false,
    mode: 'local',
    forceSelection: true,
    triggerAction: 'all',
    selectOnFocus:false
    }
    ]
    });

    Now I need to add a button near to the first combo box so that both the first combo and the button should be one the same line.
    Could somebody please help me on this?

    Thanks in advance...

  2. #2
    Sencha User
    Join Date
    Jan 2012
    Posts
    1,376
    Vote Rating
    112
    Answers
    347
    vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all

      0  

    Default

    You could use fieldcontainer for that purpose.

Thread Participants: 1

Tags for this Thread