Results 1 to 2 of 2

Thread: Ext.window not opening in Mozilla Firefox V3.6.3

  1. #1

    Default Ext.window not opening in Mozilla Firefox V3.6.3

    Hi,
    I am new to extjs, I have a requirement to open the grid inside a pop up window.
    in IE 7 the Ext.window is opened with out any issue but its not opened in Mozilla Firefox V3.6.3
    below given is the code
    PHP Code:
    Ext.onReady(function() {

        var 
    win;
        var 
    button Ext.get('show-lookUp');
        var 
    dynamicCodeType;
        var 
    store = new Ext.data.Store({
            
    proxy : new Ext.data.HttpProxy(new Ext.data.Connection({
                
    url '/InfoService/servlet/CodeInfoServlet'
            
    })),

            
    reader : new Ext.data.JsonReader({
                        
    totalProperty 'total',
                        
    root 'rows',
                        
    fields : ['code''codeDesc']
                    }),
            
    remoteSort true
        
    });

        var 
    pagingBar = new Ext.PagingToolbar({
                    
    pageSize 10,
                    
    store store,
                    
    displayInfo true,
                    
    displayMsg '{0} - {1} of {2}',
                    
    emptyMsg "No result to display"
                
    });

        
    store.on({
                    
    'beforeload' : {
                        
    fn : function(storeoptions) {
                            
    Ext.apply(options.params, {
                                        
    dynamicCode Ext.get('dynamicCodeType').dom.value
                                    
    });
                        }
                    }
                });


        var 
    sm = new Ext.grid.CheckboxSelectionModel();

    var    
    grid = new Ext.grid.GridPanel({
                    
    //applyTo : 'pagingJson-grid',
                    
    store store,
                    
    sm sm,
                    
    id 'codeInfoGrid',

                    
    columns : [sm, {
                                
    header 'Code',
                                
    width 120,
                                
    dataIndex 'code'
                            
    }, {
                                
    header 'Code Desc',
                                
    width 120,
                                
    dataIndex 'codeDesc'
                            
    }],

                    
    viewConfig : {
                        
    forceFit false
                    
    },
                    
    title 'Code Info',
                    
    width 280,
                    
    height 300,
                    
    stateful false,

                    
    bbar pagingBar
                
    });


        var 
    searchText = new Ext.form.TextField({
                    
    fieldLabel 'Search',
                    
    name 'searchField'
                
    });
        

        
    button.on('click', function() {
            
    dynamicCodeType Ext.get('dynamicCodeType').dom.value;
            
    store.load({
                        
    params : {
                            
    start 0,
                            
    limit 10,
                            
    dynamicCode dynamicCodeType,
                            
    searchField :    Ext.get('searchFieldFromBase').dom.value
                        
    }
                    });
            if (!
    win) {
                
    win = new Ext.Window({
                    
    applyTo 'codeInfo-grid',
                    
    layout 'fit',
                    
    width 300,
                    
    height 300,
                    
    closeAction 'hide',
                    
    plain true,
                    
    border false,
                    
    items grid,
                    
    buttons : [searchText, {
                        
    text 'Search',
                        
    handler : function() {
                            
    store.removeAll();
                            
    store.load({
                                        
    params : {
                                            
    start 0,
                                            
    limit 10,
                                            
    searchField Ext.get(searchField).dom.value,
                                            
    dynamicCode dynamicCodeType
                                        
    }
                                    });
                        }
                    }, {
                        
    text 'Select',
                        
    handler : function() {
                            
    selectedRows();
                            
    store.removeAll();
                            
    win.hide();
                        }
                    }]
                });
            }
            
    grid.render();
            
    win.show(this);
        });
    }); 

  2. #2
    Sencha User Animal's Avatar
    Join Date
    Mar 2007
    Location
    Bédoin/Nottingham
    Posts
    30,890

    Default

    grid.render?

    What does the API doc for the render method tell you?

Posting Permissions

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