Ext窗口定义

Question

我是extjs的新手 - 并在extJs 3.4中看到如下的Ext'窗口'定义：

var cfWin = new Ext.Window({
    id:'idNYC', 
    el:'NYC',
    .........
    contentEl:'NYCData',
    title:'NYC Data',
    ........
    });

虽然我确实理解'id'会做什么;为什么我们需要el和contentel？ 当我们有一个加载上述脚本的index.html时，我们是否需要在html中使用同名的div（id / el）？

Answer 1

来自官方的ExtJS文档，

Specify an existing HTML element, or the id of an existing HTML element to use as the content for this component.

这意味着，如果您div中某处有index.html，请说：

<div id="datalist">
    <ul>
        <li>Data 1</li>
        <li>Data 2</li>
    </ul>
</div>

您在datalist中指定contentEl，这些html内容将显示在Window上。

您也可以直接指定html：

contentEl: "<h1>This is my content</h1>"。

您无法指定el，因为它是只读属性。