无法在Chrome中呈现面板。在Firefox中工作正常

我想在extJS 3.4.0中渲染一个面板。它的工作原理以及在Firefox，但提供了以下错误，当我尝试在Chrome浏览器：无法在Chrome中呈现面板。在Firefox中工作正常

Uncaught TypeError: Cannot call method 'applyStyles' of null Ext.Panel.Ext.extend.createElementext-all-debug.js:17057 Ext.Panel.Ext.extend.onRenderext-all-debug.js:17127 Ext.FormPanel.Ext.extend.onRenderext-all-debug.js:43353 Ext.extend.renderext-all-debug.js:10763 Ext.layout.ContainerLayout.Ext.extend.renderItemext-all-debug.js:13191 Ext.layout.AccordionLayout.Ext.extend.renderItemext-all-debug.js:14823 Ext.layout.ContainerLayout.Ext.extend.renderAllext-all-debug.js:13182 Ext.layout.ContainerLayout.Ext.extend.onLayoutext-all-debug.js:13168 Ext.layout.FitLayout.Ext.extend.onLayoutext-all-debug.js:13383 Ext.layout.ContainerLayout.Ext.extend.layoutext-all-debug.js:13162 Ext.layout.ContainerLayout.Ext.extend.runLayoutext-all-debug.js:13271 Ext.layout.ContainerLayout.Ext.extend.onResizeext-all-debug.js:13265 EXTUTIL.Event.fireext-all-debug.js:310 EXTUTIL.Observable.fireEventext-all-debug.js:54 Ext.Panel.Ext.extend.onBodyResizeext-all-debug.js:17670 Ext.Panel.Ext.extend.onResizeext-all-debug.js:17661 Ext.BoxComponent.Ext.extend.setSizeext-all-debug.js:12164 Ext.layout.FitLayout.Ext.extend.setItemSizeext-all-debug.js:13392 Ext.layout.FitLayout.Ext.extend.onLayoutext-all-debug.js:13385 Ext.layout.ContainerLayout.Ext.extend.layoutext-all-debug.js:13162 Ext.layout.CardLayout.Ext.extend.setActiveItemext-all-debug.js:13440 Ext.Container.Ext.extend.afterRenderext-all-debug.js:12738 Ext.Panel.Ext.extend.afterRenderext-all-debug.js:17414 Ext.extend.renderext-all-debug.js:10802 Ext.layout.BorderLayout.Ext.extend.onLayoutext-all-debug.js:13768 Ext.layout.ContainerLayout.Ext.extend.layoutext-all-debug.js:13162 Ext.Container.Ext.extend.doLayoutext-all-debug.js:12969 Ext.Container.Ext.extend.afterRenderext-all-debug.js:12743 Ext.extend.renderext-all-debug.js:10802 Ext.Componentext-all-debug.js:10641 Ext.apply.extend.sbext-base-debug.js:246 Ext.apply.extend.sbext-base-debug.js:246 Ext.apply.extend.sbext-base-debug.js:246 (anonymous function)Ydee.js:27 EXTUTIL.Event.nameext-all-debug.js:190 callext-all-debug.js:1459

，我已经使用的代码是：

var userDlg = new myDialog(); 

    var contentPanel = { 
     id: 'content-panel', 
     region: 'center', 
     layout: 'card', 
     margins: '2 5 5 0', 
     activeItem: 0, 
     border: false, 
     items: userDlg 
    }; 


    var viewport = new Ext.Viewport({ 
     layout: 'border', 
     title: 'Ext Layout Browser', 
     items: [contentPanel], 
     renderTo: Ext.getBody() 
    });

任何人都可以指出错误？

在此先感谢。

来源

2011-11-19 Sapan Diwakar

你使用'Ext.Ready'处理程序吗？ – Sarfraz

是的，完整的代码在'Ext.onReady' –

什么是'myDialog'？ – JamesHalsall

问题是因为我在Viewport内而不是Panel中渲染FormPanel。

手风琴布局在FormPanel中不起作用。当我将其更改为Panel时，它开始工作。

我不知道为什么firefox不抱怨虽然。

来源

2011-11-30 21:54:36

我有一个类似的问题，动态生成表单元素。所以当生成内部'form'时，Chrome中的问题被重复了（但不是在FF中）。在我更改为“面板”后 - 运行良好。 – Andron

无法在Chrome中呈现面板。在Firefox中工作正常

回答

相关问题