Results 1 to 2 of 2

Thread: Adding button next to combo box

  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    30
    Vote Rating
    0
      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
    Answers
    347
    Vote Rating
    114
      0  

    Default

    You could use fieldcontainer for that purpose.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •