Question

我正在尝试在extJS 3.4.0中渲染一个面板。它在Firefox中运行良好但在Chrome中尝试时出现以下错误：

未捕获的TypeError：无法调用null的方法'applyStyles' 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基-debug.js：246 Ext.apply.extend.sbext基-debug.js：246 Ext.apply.extend.sbext-base-debug.js：246（匿名函数）Ydee.js：27 EXTUTIL.Event.nameext-all-debug.js：190 callext-全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()
    });

有人可以指出错误吗？

提前致谢。

Answer 1

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

FormPanel中的手风琴布局无效。当我将其更改为Panel时，它开始工作。

我不知道为什么firefox没有抱怨。

无法在Chrome中渲染面板。在Firefox中运行良好

1 个答案: