extjs声明性语法的文档

时间:2011-07-11 22:15:54

标签: javascript extjs

我很难读取extjs文档。到目前为止,我已经在extjs中完成了几个成功的项目,但我仍然在努力阅读文档。它似乎是以命令式样式编写的,但所有示例都需要声明性语法。

例如,如果我要向TabPanel添加一个标签,我希望在文档中看到一个名为addTab的函数,该函数采用标签名称和面板,就像我使用过的大多数其他UI库一样(如Qt或摇摆)。相反,我看到像add这样的函数,它接受一个值的字典,这些字典似乎没有在文档本身中记录。

在TabPanel的extjs 3文档中的示例:

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

在此示例中,记录了text参数的位置?我已经看过添加items字段的示例,我之前使用过,但如果我只想添加现有面板怎么办?我假设是其他关键字,对吧?这些事情记录在哪里?

1 个答案:

答案 0 :(得分:1)

您通过add()提供的是组件配置(如果您有组件,则为组件的实例)。 “默认类型为按钮”表示默认情况下,除非您通过{}属性指定其他内容,否则它会将您的配置(您在xtype之间添加的内容)作为按钮配置处理。

所以在这种情况下tb.add({text:'Button 1'});,要知道text的含义,你需要查看按钮的文档(配置部分)