ExtJS窗口中的动态内容

Question

TLDR 我想在Ext-JS窗口/弹出窗口中添加一些动态内容。

---

目前我已尝试将此内容分配给div并拉动该div的innerhtml，如：

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

使用jquery＆amp; getjson获取动态数据。

但这根本不起作用。
以前有人做过类似的事吗？

我可以给窗口的html一个id并像元素一样使用它吗？

Answer 1

您可以使用contentEl方法将div的内容注册到窗口或任何其他面板等。

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 2

原始代码应该运行正常。 “彻底打破”对于描述问题并不是非常有用。

但是，如果您尝试将复杂的标记加载到窗口中，则使用contentEl方法可能会更好。

请注意窗口中的布局：“fit”是多余的，因为您没有子项。

Answer 3

要获得更详细的错误信息，请使用Ext.js的调试版本。

你的例子应该有效，除非 document.getElementById（'output'）。当您尝试显示窗口时（在创建时立即执行），innerHTML不存在。