Панель ExtJS со встроенной картой Google

Question

Я хотел бы иметь панель с картой Google, используя javascript api от Google.

Я успешно создал окно ExtJS с картой Google в нем, передав объект DOM окна в конструктор google-map.,Однако, когда я пытаюсь сделать это с панелью (просто замените панель, где окно ниже).Это говорит мне, что «тело» не определено.Что я делаю не так?

Спасибо!

var window = new Ext.Window ({...});

window.show();// взломать, чтобы построить дом.

var d = window.body.dom;// <- эта строка не работает для Panel.Почему ??? </p>

var map = new GMap2 (d);// Карта Google берет дом из объекта ExtJS.

Answer 1

Звучит так, будто вы пытаетесь получить доступ к элементу до того, как он будет создан.Я бы попробовал добавить слушатель к событию afterrender для вашего компонента Window, а затем вызвать функцию-обработчик, которая затем обращается к элементу.

Так что добавьте этот тип вещи в вашу конфигурацию панели:

listeners: {
    afterrender: {
        fn: setupWindow,
        scope: this
     }
}

А потом функция, подобная этой:

function setupWindow(obj) {
    var windowBodyHtmlElement;
    windowBodyHtmlElement = obj.body.dom;

    // ...do your stuff.
}

Надеюсь, что поможет.