代码之家  ›  专栏  ›  技术社区  ›  Sphvn Frebin Francis

extjs窗口中的动态内容

  •  0
  • Sphvn Frebin Francis  · 技术社区  · 14 年前

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


    目前,我尝试将此内容分配给一个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并像元素一样使用它吗?

    3 回复  |  直到 12 年前
        1
  •  1
  •   Evan Trimboli    14 年前

    原来的代码应该工作得很好。”“完全中断”对于描述问题并不是很有用。

    但是,如果您试图将复杂的标记加载到窗口中,使用Contentel方法可能更好。

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

        2
  •  1
  •   Sphvn Frebin Francis    14 年前

    您可以使用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();
    
        3
  •  0
  •   Shane Chin    12 年前

    要获取更详细的错误信息,请使用ext.js的调试版本。

    你的例子应该有效,除非 document.getElementByID(“output”).innerHTML在试图显示窗口时不存在(创建时立即执行)。