ExtJs formpanel在chrome下不显示,ie和firefox都是对的

 

//查询表单

        supplierResource.sr_searchForm = new Ext.FormPanel({
            id : 'sr_searchForm',
            name : 'sr_searchForm',
            renderTo : Ext.get('searchForm'),
            layout:'form',
            frame : true,
            bodyStyle : 'padding-bottom:6px',
            autoWidth : true,
            buttonAlign : 'center',
            items : [{
                autoHeight : true,
                layout : 'column',
                defaults : {
                    columnWidth : 0.25, 
                    layout : 'form',
                    border : false, 
                    labelWidth : 100,
                    labelAlign : 'right'
                },
                items : [{
                        defaults : {msgTarget : 'qtip'}, 
                        items : [res_name, res_no]  
                    }, {
                        defaults : {msgTarget : 'qtip'}, 
                        items : [res_type, help_code]   
                    }, {
                        defaults : {msgTarget : 'qtip'}, 
                        items : [cust_name, node]   
                    }, {
                        defaults : {msgTarget : 'qtip'}, 
                        items : [status]    
                    }
                ]
            }],
            buttons : [{
                    text : '查询',
                    handler : function(){
                        supplierResource.query();
                    }
                }, {
                    text : '清空',
                    handler : function() {
                        supplierResource.sr_searchForm.getForm().reset();
                    }
                }
            ]
        });

 

 formpanel是渲染到<div  id='searchForm' style='width:100%'></div>这里面的。

ie下显示正常,firefox下显示正常,用firebug调试,未报任何错误。

但是在chrome下就不能显示,用它的Javascript控制台调试,显示如下错误:

Uncaught TypeError: Cannot read property 'events' of undefined

我猜想是renderTo附近出的问题,但是对着这些错误提示还是无解!

 

具体错误如下,其中提到的257行就是以上代码的第一行:supplierResource.sr_searchForm = new Ext.FormPanel({

 

  1. Uncaught TypeError: Cannot read property 'events' of undefined
    1. Ext.Container.Ext.extend.lookupComponentext-all.js:1
    2. Ext.Container.Ext.extend.addext-all.js:1
    3. Ext.Container.Ext.extend.initComponentext-all.js:1
    4. Ext.Panel.Ext.extend.initComponentext-all.js:1
    5. Ext.Componentext-all.js:1
    6. Ext.apply.extend.sbext-base.js:9
    7. Ext.apply.extend.sbext-base.js:9
    8. Ext.apply.extend.sbext-base.js:9
    9. Ext.Container.Ext.extend.createComponentext-all.js:1
    10. Ext.Container.Ext.extend.lookupComponentext-all.js:1
    11. Ext.Container.Ext.extend.addext-all.js:1
    12. Ext.Container.Ext.extend.addext-all.js:1
    13. Ext.Container.Ext.extend.initComponentext-all.js:1
    14. Ext.Panel.Ext.extend.initComponentext-all.js:1
    15. Ext.Componentext-all.js:1
    16. Ext.apply.extend.sbext-base.js:9
    17. Ext.apply.extend.sbext-base.js:9
    18. Ext.apply.extend.sbext-base.js:9
    19. Ext.Container.Ext.extend.createComponentext-all.js:1
    20. Ext.Container.Ext.extend.lookupComponentext-all.js:1
    21. Ext.Container.Ext.extend.addext-all.js:1
    22. Ext.Container.Ext.extend.initComponentext-all.js:1
    23. Ext.Panel.Ext.extend.initComponentext-all.js:1
    24. Ext.FormPanel.Ext.extend.initComponentext-all.js:1
    25. Ext.Componentext-all.js:1
    26. Ext.apply.extend.sbext-base.js:9
    27. Ext.apply.extend.sbext-base.js:9
    28. Ext.apply.extend.sbext-base.js:9
    29. Ext.apply.extend.sbext-base.js:9
    30. supplierResource.rendersupplierResource.js:257


我是新手,没分啊。。。

你看下Ext.get('searchForm')获得的值是什么。