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和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方法可能更好。

請注意，窗口中的布局：“適合”是多余的，因為您沒有子項。

Answer 3

要獲取更多詳細的錯誤信息，請使用Ext.js的調試版本。

您的示例應該可以工作，除非在嘗試顯示窗口時（在創建后立即執行此操作），除非document.getElementById（'output'）。innerHTML不存在。