1. #1
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142
    Vote Rating
    0
    tdikarim is an unknown quantity at this point

      0  

    Default How to add a tbar in a combobox searchfield

    How to add a tbar in a combobox searchfield


    Hi all,

    I use a combobox live search.
    When I expand the combo I have (in default) a paging bbar

    I want to know how to add a tbar

    I have tried to add dockeditem propetries but nothing appear

    Thanks for your help

    Karim
    Tamditi Karim

  2. #2
    Ext JS Premium Member tvanzoelen's Avatar
    Join Date
    Apr 2008
    Location
    Groningen - Netherlands
    Posts
    1,118
    Vote Rating
    30
    tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about tvanzoelen has a spectacular aura about

      0  

    Default


    The picker er implemented in the combobox by the function createPicker. If you see the code you will find that the picker is a view.BoundList. A boundlist has no property dockedItems, because that is a property of a panel.

    What you can do is override the createPicker function

    Code:
    createPicker: function() {
            var me = this,
                picker,
                pickerCfg = Ext.apply({
                    xtype: 'boundlist',
                    pickerField: me,
                    selModel: {
                        mode: me.multiSelect ? 'SIMPLE' : 'SINGLE'
                    },
                    floating: true,
                    hidden: true,
                    store: me.store,
                    displayField: me.displayField,
                    focusOnToFront: false,
                    pageSize: me.pageSize,
                    tpl: me.tpl
                }, me.listConfig, me.defaultListConfig);
    
            picker = me.picker = Ext.widget(pickerCfg);
            if (me.pageSize) {
                picker.pagingToolbar.on('beforechange', me.onPageChange, me);
            }
    
            me.mon(picker, {
                itemclick: me.onItemClick,
                refresh: me.onListRefresh,
                scope: me
            });
    
            me.mon(picker.getSelectionModel(), {
                beforeselect: me.onBeforeSelect,
                beforedeselect: me.onBeforeDeselect,
                selectionchange: me.onListSelectionChange,
                scope: me
            });
    
            return picker;
        },
    and place the boundlist on a panel.

  3. #3
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142
    Vote Rating
    0
    tdikarim is an unknown quantity at this point

      0  

    Default


    Hi
    have replaced Ext.Widget by gridPanel And that work's fine

    Thanks tvanzoelen
    Tamditi Karim

Thread Participants: 1

Tags for this Thread