Javascript 声明性语法的extjs文档

我在阅读extjs文档时遇到了很大的困难。到目前为止，我已经在extjs中完成了几个成功的项目，但我仍然难以阅读文档。它似乎是以命令式风格编写的，但所有示例都期望使用声明式语法

例如，如果我要向TabPanel添加一个选项卡，我希望在文档中看到一个名为addTab的函数，它采用选项卡名称和面板，就像我使用的大多数其他UI库（如Qt或Swing）一样。相反，我看到了一个像

add

这样的函数，它接受一个值字典，而这些值似乎没有记录在文档中

在extjs 3 docs for TabPanel的示例中：

var tb = new Ext.Toolbar();
tb.render(document.body);  // toolbar is rendered
tb.add({text:'Button 1'}); // add multiple items (defaultType for Toolbar is 'button')
tb.add({text:'Button 2'});
tb.doLayout();             // refresh the layout

---

在本例中，

文本

参数记录在哪里？我已经看到了添加

items

字段的示例，我以前使用过这个字段，但是如果我只想添加一个现有的面板呢？我想这是另外一个关键词，对吧？这些东西都记录在哪里了

通过add（）提供的是组件配置（或组件实例，如果有的话）。 “defaultType是按钮”意味着，默认情况下，它将把您的配置（您要在

{}

之间添加的内容）视为按钮配置，除非您通过

xtype

属性指定其他内容

---

所以在本例中，

tb.add（{text:'Button 1}）

，要知道

文本

的含义，您需要查看button的文档（配置部分）

amol的位置。还值得扩展的是，tb.add（{test:'Button 1'}）示例是tb.add（new Ext.Button（{text:'Button 1'}）的“等价物”（就最终目的地而言，那里的旅程略有不同，因为它使用了xtypes…）；这是一种更明确的定义它的方法。这有一点帮助，但是如果我想添加一个现有的元素，例如？如果您还不知道使用什么关键字从代码的另一部分添加现有面板，您将如何查找该关键字？