文档帮助

术语、图标和标签

许多类在使用配置对象创建(实例化)类时使用了快捷名称。快捷名称称为别名(如果类扩展了 Ext.Component,则称为xtype)。对于可适用的类,别名/xtype 会列在类名称旁边以供快速参考。

访问级别

框架类或其成员可以指定为私有受保护。否则,类/成员是公共的。公共受保护私有是用于传达如何以及何时使用类或类成员的访问描述符。

成员类型

成员语法

下面是一个示例类成员,我们可以对其进行剖析以显示类成员的语法(在本例中,从 Ext.button.Button 类中查看的 lookupComponent 方法)。

lookupComponent ( item ) : Ext.Component
受保护

在初始化items配置期间或添加新项目时将原始配置对象添加到此容器时调用,或{@link #insert 插入}。

此方法将传递的对象转换为实例化子组件。

当需要对子项创建应用特殊处理时,可以在子类中覆盖此方法。

参数

item :  Object

要添加的配置对象。

返回
Ext.Component

要添加的组件。

我们来看看成员行中的每一部分

成员标志

API 文档使用许多标志来进一步传达类成员的功能和意图。标签可以用文本标签、缩写或图标表示。

类图标

- 表示框架类

- 单例框架类。*有关更多信息,请参见单例标志

- 组件类型框架类(Ext JS 框架中扩展 Ext.Component 的任何类)

- 表示类、成员或指南在当前查看的版本中是新的

成员图标

- 表示类型为 config 的类成员

- 表示类型为 property 的类成员

- 表示类型为 method 的类成员

- 表示类型为 event 的类成员

- 表示类型为 theme variable 的类成员

- 表示类型为 theme mixin 的类成员

- 表示类、成员或指南在当前查看的版本中是新的

类成员快速导航菜单

在 API 文档页面上的类名正下方是与当前类拥有的成员类型相对应的按钮行。每个按钮显示按类型划分的成员数(此计数在应用筛选器时更新)。单击按钮将导航到该成员部分。将鼠标悬停在成员类型按钮上将显示弹出菜单,其中包含该类型的全部成员,以便快速导航。

获取器和设置器方法

与类配置选项相关的获取器和设置器方法将显示在方法部分以及 API 文档和成员类型菜单的配置部分中,它们位于其处理的配置正下方。获取器和设置器方法文档将位于配置行中,以便于参考。

历史记录栏

您的页面历史记录保存在本地存储中,并显示在顶部标题栏正下方(使用可用空间)。默认情况下,仅显示与您当前正在查看的产品/版本匹配的搜索结果。您可以通过单击历史记录栏右侧的 按钮并选择“全部”单选选项来展开显示内容。这将在历史记录栏中显示所有产品/版本中的所有最近页面。

在历史记录配置菜单中,您还将看到您最近访问的页面列表。结果按“当前产品/版本”和“全部”单选选项进行筛选。单击 按钮将清除历史记录栏以及本地存储中保留的历史记录。

如果在历史记录配置菜单中选择了“全部”,则“在历史记录栏中显示产品详细信息”复选框选项将被启用。选中后,每个历史页面的产品/版本将与历史记录栏中的页面名称一起显示。将光标悬停在历史记录栏中的页面名称上也将以工具提示的形式显示产品/版本。

搜索和筛选

可以使用页面顶部的搜索字段搜索 API 文档和指南。

在 API 文档页面上,还有一个筛选器输入字段,它使用筛选器字符串筛选成员行。除了按字符串筛选外,您还可以按访问级别、继承和只读筛选类成员。这是使用页面顶部的复选框完成的。

API 类导航树底部的复选框筛选类列表以包括或排除私有类。

单击空搜索字段将显示您最近的 10 次搜索,以便快速导航。

API 文档类元数据

每个 API 文档页面(除了 JavaScript 基本类型页面)都有一个与该类相关的元数据的菜单视图。此元数据视图将具有以下一项或多项

展开和折叠示例和类成员

默认情况下,可运行示例(Fiddle)在页面上展开。你可以使用代码块左上角的箭头单独折叠和展开示例代码块。你还可以使用页面右上角的切换按钮切换所有示例的折叠状态。切换全部状态将在页面加载之间记住。

默认情况下,类成员在页面上折叠。你可以使用成员行左侧的箭头图标或全局使用右上角的展开/折叠全部切换按钮展开和折叠成员。

桌面 -vs- 移动视图

在较窄的屏幕或浏览器上查看文档将导致针对较小尺寸优化视图。桌面和“移动”视图之间的主要区别是

查看类源

可以通过单击 API 文档页面顶部的类名称查看类源。可以通过单击成员行右侧的“查看源”链接查看类成员的源。

GXT 4.x


顶部

使用标准打包在 IDEA 中创建 GWT 项目

创建 GWT 项目

  1. 加载 IntelliJ IDEA 后,选择创建新项目

  2. 在左侧选择Java 模块,命名项目,然后选择项目目录位置。

  3. 选择GWT SDK目录位置。

  4. 单击完成,然后项目布局将类似于此。

安装 Chrome GWT 开发人员插件

  1. 首次在 Chrome 中调试 GWT 时,它将要求安装 GWT 开发人员插件。单击下载链接。

  2. 下载链接转到 Chrome 商店 GWT 开发人员插件。选择+添加到 Chrome

  3. 确认并选择添加

  4. 插件安装完成后,点击后退按钮,直到返回 GWT 调试链接。

调试新 GWT 项目

刚创建新项目后,检查它是否正常工作。

  1. 通过点击调试图标开始调试应用程序。

  2. 片刻之后,默认浏览器将加载应用程序。

在多个浏览器中调试

可以使用多个浏览器来调试应用程序。

  1. 选择编辑配置...

  2. 在项目的调试配置中,找到在浏览器中打开:

  3. 点击在浏览器中打开:配置按钮。

  4. 默认 Web 浏览器更改为使用Firefox或下面列出的浏览器之一。

项目设置

  1. 选择编辑配置...

  2. 在此处调整应用程序调试属性和行为。

设置 JVM 堆空间

具有许多继承库的大型应用程序可能需要更多的堆空间。

  • 在项目设置调试配置VM 选项输入-Xss1024K -Xmx1024M -XX:MaxPermSize=128M中。默认堆空间为 -Xmx512M。上述配置解决了大多数大型应用程序场景,尽管这些是建议,并且可以调整到所需的大小。

GXT 4.x