У меня есть следующая панель ExtJS, встроенная в другую панель, которая затем находится в TabPanel, а TabPanel находится в FormPanel.

При этом поля даты начала / окончания изначально отображаются в очень маленьких ячейках - ячейки настолько малы, что я вижу горизонтальные полосы прокрутки. Теперь вот странная часть: если я открою Firebug, все встанет на свои места.

Кто-нибудь знает, что происходит? Почему он не рендерится должным образом и почему Firebug заставляет все работать правильно, просто открывая Firebug?

var dateFields = new Ext.Panel({
    id: 'dateFields',
    labelAlign: 'bottom',
    border: false,
    items: [{
        layout: 'column',
        defaults: {
            columnWidth: 0.5
        },
        items: [{
            layout: 'form',
            border: false,
            items: [{
                xtype: 'datefield',
                name: 'start_date',
                fieldLabel: 'Start Date'
            }]
        }, {
            layout: 'form',
            border: false,
            items: [{
                xtype: 'datefield',
                name: 'end_date',
                fieldLabel: 'End Date'
            }]                  
        }]
    }]
});
7
Huuuze 20 Авг 2010 в 23:30

2 ответа

Попробуйте с chrome, если он работает, возможно, вы оставили console.log где-то в вашем коде.

Когда firebug открыт, console существует.
Когда он закрыт, console не существует, и console.log автоматически нарушает код.

0
Mic 20 Авг 2010 в 21:53

Ваша внешняя панель не имеет макета. Попробуйте добавить к ней layout:'fit' и посмотрите, поможет ли это.

1
Brian Moeskau 20 Авг 2010 в 21:53