ExtJS窗口中的動態內容

TLDR我想將一些動態內容添加到Ext-JS窗口/彈出窗口中。ExtJS窗口中的動態內容

目前我已經嘗試了這個分配內容到DIV和拉那的innerHTML div的，如：

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

我使用jQuery &的getJSON獲得動態數據。

但是這根本就什麼都不做。
有沒有人做過類似的事情？

我可以給窗口的HTML一個ID並使用它像一個元素？

來源

2010-06-02 Sphvn

此代碼應該工作。 – 2010-06-02 12:50:20

我上面的答案不是。它只是完全打破了窗口。 – Sphvn 2010-06-03 00:28:57

原始代碼應能正常工作。「完全打破」對於描述問題並不是很有用。

但是，如果您嘗試將複雜的標記加載到窗口中，則使用contentEl方法可能會更好。

請注意，因爲您沒有任何子項目，所以窗口中的'fit'是多餘的。

來源

2010-06-03 14:50:31

無論如何，我的示例中沒有任何子項：P。它不允許我在示例中放置上面的JavaScript語句。它崩潰和灼傷沒有太多的錯誤。 – Sphvn 2010-06-04 01:28:54

您可以使用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();

來源

2010-06-02 06:45:23 Sphvn

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

你的例子應該工作，除非 document.getElementById（'output'）。當你試圖顯示你的窗口，（你正在做的立即創建）時，innerHTML不存在。

來源

2012-07-26 13:25:02

ExtJS窗口中的動態內容

回答

相關問題