用于声明性语法的Extjs文档

extjs documentation for declarative syntax

本文关键字：Extjs 文档 语法 声明 用于      更新时间：2023-09-26

我很难阅读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

在这个例子中，text参数记录在哪里?我已经看到了添加items字段的例子，我以前使用过，但是如果我只是想添加一个现有的面板呢?我猜这是其他关键字，对吧?这些东西都记录在哪里?

您通过add()提供的是组件配置(或组件实例，如果您有一个)。"defaultType是button"意味着，默认情况下，它将把您的配置(您传递到{}之间添加的内容)视为按钮配置，除非您通过xtype属性指定其他内容。

在本例中是tb.add({text:'Button 1'});，要了解text的含义，你需要查看按钮的文档(配置部分)

相关文章：