1. #1
    Ext User
    Join Date
    Jun 2007
    Posts
    7
    Vote Rating
    0
    RealSalmon is on a distinguished road

      0  

    Default Paging window width too narrow when rendered in a window

    Paging window width too narrow when rendered in a window


    I'm doing a "Live Search" combo box that's all working perfectly. Love it.

    However, when I try to embed this setup in an Ext.Window, the paging window renders extremely narrow (the window that shows the results under the combo box).

    Picture:


    Code: (Please note that this is not the code I will actually put into production!!!, I am aware that there are better ways to do this -- right now I'm just trying to get it to render properly)
    PHP Code:
    init_navigation: function() {       


            var 
    win;
            var 
    link =  Ext.get('employers-link');
            
    link.on('click', function() {
                
                if (!
    win) {
                    
    win = new Ext.Window({
                        
    el:'employers-nav',
                        
    layout:'fit',
                        
    width:500,
                        
    height:300,
                        
    closeAction:'hide',
                        
    plaintrue,
                    });
                    
                    var 
    init true;
                } else {
                    var 
    init false;
                }
                
                
    win.show(this);

                if (
    init)  {
                    var 
    store = new Ext.data.JsonStore({
                    
    url'/ev/employers/list/1'
                
    });
                
                var 
    resultTpl = new Ext.XTemplate(
                    
    '<tpl for="."><div class="search-item">',
                    
    '<h3><span>{name}</span></h3>',
                    
    '</div></tpl>'
                
    );
                
                var 
    search = new Ext.form.ComboBox({
                    
    storestore,
                    
    displayField:'name',
                    
    typeAheadfalse,
                    
    loadingText'Searching...',
                    
    width300,
                    
    pageSizeEV.paging_size,
                    
    hideTrigger:true,
                    
    tplresultTpl,
                    
    applyTo'employers-nav-list',
                    
    itemSelector'div.search-item',
                    
    onSelect: function(record){ // override default onSelect to do redirect
                        
    window.location =
                            
    String.format('/ev/employers/id/{0}'record.data.id);
                    }
                });
                }
            });
        } 
    Thanks for any help!
    Attached Images

  2. #2
    Ext User
    Join Date
    Jun 2007
    Posts
    7
    Vote Rating
    0
    RealSalmon is on a distinguished road

      0  

    Default


    I hate to be the guy that replies to his own thread 15 minutes after he posted it, but supplying the 'listWidth' config option to the combo box seems to fix it right up. Seriously, I did actually mess around with it quite a bit before posting . . .