Невозможно отобразить панель в Chrome. Хорошо работает в Firefox - PullRequest
Новая
       41

Невозможно отобразить панель в Chrome. Хорошо работает в Firefox

1 голос
/ 19 ноября 2011

Я пытаюсь сделать панель в extJS 3.4.0.Он хорошо работает в Firefox, но выдает следующую ошибку, когда я пытаюсь сделать это в Chrome:

Uncaught TypeError: Невозможно вызвать метод '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.exllend.-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 (анонимная функция) 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()
    });

Кто-нибудь может указать на ошибку?

Заранее спасибо.

1 Ответ

2 голосов
/ 01 декабря 2011

Проблема была в том, что я рендерил FormPanel внутри Viewport вместо Panel.

Аккордеонный макет не работал в FormPanel. Когда я изменил его на Panel, он начал работать.

Я не уверен, почему Firefox не жаловался, хотя.

...