Динамический контент в ExtJS Window

Question

TLDR Я хочу добавить динамический контент в окно / всплывающее окно Ext-JS.

---

В настоящее время я пытался присвоить это содержимое div и извлекать его изнутри как:

                new Ext.Window({
                height: 50,
                width: 160,
                x: 0,
                y: 30,
                layout: "fit",
                html: document.getElementById('output').innerHTML;
            }).show();

Я использую jquery & getjson для получения динамических данных.

Но это ничего не значит.
Кто-нибудь делал что-то подобное раньше?

Могу ли я присвоить html-окну идентификатор и использовать его как элемент?

Answer 1

Исходный код должен был работать нормально. «Полностью ломается» на самом деле не очень полезно для описания проблемы.

Однако, если вы пытаетесь загрузить сложную разметку в окно, лучше использовать подход contentEl.

Обратите внимание, что компоновка: 'fit' в окне является избыточной, потому что у вас нет дочерних элементов.

Answer 2

Вы можете зарегистрировать содержимое div в окне или любой другой панели и т. Д., Используя метод contentEl.

contentEl: 'ElementID'

Пример:

                new Ext.Window({
                    title: 'Measurement',
                    height: 50,
                    width: 160,
                    resizable: false,
                    closeAction: "hide",
                    x: 0,
                    y: 30,
                    layout: "fit",
                    contentEl: 'output'
                }).show();

Answer 3

Для получения более подробной информации об ошибках используйте отладочную версию Ext.js.

Ваш пример должен работать, если document.getElementById ('output'). innerHTML не существует, когда вы пытаетесь показать свое окно (что вы делаете сразу при создании).