ExtReact 文档帮助

简介

ExtReact 产品的文档在某种程度上与其他 Sencha 产品的文档有所不同。以下部分描述了除明确指出 ExtReact 独有的所有产品的文档。

术语、图标和标签

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

ExtReact 组件类在 API 类文档的顶部显着位置列出可配置的名称,后跟完全限定的类名。

访问级别

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

成员类型

成员语法

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

让我们看看成员行的每个部分

  • 展开/折叠 - 在成员行的左侧是一个控件,用于展开和折叠每个成员行以显示/隐藏成员详细信息。
  • 成员名称 - 类成员的名称(在本例中为 lookupComponent
  • 方法参数 - 方法使用的任何必需或可选参数(或传递给事件处理程序方法的参数)将列在方法名称旁边的括号内(在本例中为 ( item )
  • 返回类型 - 方法或属性返回的类实例或 javascript 对象(在本例中为 Ext.Component)。对于除了 undefined 之外不返回任何内容的方法,可以省略此项,或者可以显示为以正斜杠 / 分隔的多个可能值,表示返回的内容可能取决于方法调用的结果(即,如果 get 方法调用成功,方法可能会返回 Component,如果失败,则返回 false,这将显示为 Ext.Component/Boolean)。
  • 标志 - 适用于成员的任何标志都将显示在旁边(在本例中为 PROTECTED - 请参阅下面的标志部分)
  • 成员来源 - 在成员行的右侧是最初描述成员的类(在本例中为 Ext.container.Container)。如果成员源自当前类,则源类将显示为蓝色链接;如果成员继承自祖先类或混入类,则显示为灰色。
  • 成员源代码 - 在成员来源类右侧下方是一个链接,用于查看成员的源代码(示例中的 view source
  • 参数列表 - 类方法的每个参数都将使用与上面括号中找到的名称相同的名称、预期的类或对象类型以及参数的描述列出(示例中为 item : Object)。
  • 返回值 - 如果类返回 undefined 以外的值,“返回值”部分将注明返回的类或对象类型以及描述(示例中为 Ext.Component
  • Since示例中未显示) - 某些成员将显示该成员首次引入的产品版本(即 Available since 3.4.0 - 示例中未显示),紧随成员描述之后
  • Default示例中未显示) - 配置通常显示要应用于类实例的默认配置值(如果未被覆盖)(即 Defaults to: false

成员标志

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

  • Required(必需) - 实例化类时必需的配置
  • Bindable(可绑定) - 配置具有 setter,允许通过 ViewModel 绑定设置此配置

    除非装饰为 immutable(不可变),否则所有 ExtReact 属性都是 bindable(可绑定)的

  • Immutable(不可变)

    不可变的 ExtReact 属性在实例化组件时不能用作可配置属性

  • Read Only(只读) - 属性可以读取,但不能用于在运行时配置/重新配置类实例
  • Singleton(单例) - 单例类在定义后立即实例化,不能手动实例化
  • Static(静态) - 静态方法或属性是属于类本身的方法或属性,而不是类的实例
  • Chainable(可链式调用) - 指的是在调用时返回类实例的方法。
    这使得可以进行链式方法调用,例如:classInstance.method1().method2().etc();
  • Deprecated(已弃用) - 计划在未来框架版本中删除的类或成员,并在当前版本中提供以实现向后兼容性。
    已弃用的类和成员将包含一条消息,指导您将来使用首选的类/方法。
  • Removed(已删除) - 已删除的类或成员,仅在文档中作为在框架版本之间升级的用户的参考而存在
  • Template(模板) - 在基类中定义的方法,旨在由子类覆盖
  • Abstract(抽象) - 类或成员可以定义为抽象的。抽象类和成员建立类结构并提供有限的(如果有)代码。特定于类的代码将通过子类中的覆盖来提供。
  • Preventable(可阻止) - 如果从事件处理程序返回 false,则标记为 preventable(可阻止)的事件将不会触发

类图标

- 表示框架类

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

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

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

成员图标

- 表示类型为 config(配置)的类成员

或者在 ExtReact 组件类的情况下,这表示类型为 prop(属性)的成员

- 表示类型为 property(属性)的类成员

- 表示类型为 method(方法)的类成员

- 表示类型为 event(事件)的类成员

- 表示类型为 theme variable(主题变量)的类成员

- 表示类型为 theme mixin(主题 mixin)的类成员

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

类成员快速导航菜单

在 API 文档页面上的类名正下方是一行按钮,对应于当前类拥有的成员类型。每个按钮显示按类型划分的成员计数(此计数会随着过滤器的应用而更新)。单击按钮将导航到该成员部分。将鼠标悬停在成员类型按钮上将显示该类型的所有成员的弹出菜单,以便快速导航。

Getter 和 Setter 方法

与类配置选项相关的 Getter 和 Setter 方法将显示在方法部分以及 API 文档和成员类型菜单的配置部分中,紧挨着它们所作用的配置下方。Getter 和 Setter 方法文档将在配置行中找到,以便于参考。

ExtReact 组件类不会将 Getter/Setter 方法提升到属性中。所有方法都将在 Methods(方法)部分中描述

历史记录栏

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

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

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

搜索和过滤器

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

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

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

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

API 文档类元数据

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

  • Alternate Name(备用名称) - 一个或多个附加的类名称同义词(在 Ext JS 6.0.0 中,Ext.button.Button 类具有 Ext.Button 的备用类名称)。备用类名称通常为了向后兼容性而维护。
  • Hierarchy(层次结构) - 层次结构视图列出当前类通过其祖先类一直到根基类的继承链。
  • Mixins(混入) - 混入当前类的一系列类
  • Inherited Mixins(继承的混入) - 混入当前类的祖先的一系列类
  • Requires(需要) - 实例化类所需定义的所有类
  • Uses(使用) - 类在其生命周期的某个时刻可能使用的一系列类,但不一定是类最初实例化所必需的
  • Subclasses(子类) - 扩展当前类的类

展开和折叠示例及类成员

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

类成员默认在页面上折叠。您可以使用成员行左侧的箭头图标或全局使用右上角的展开/折叠所有切换按钮来展开和折叠成员。

桌面 -vs- 移动视图

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

  • 全局导航将位于左侧菜单中,可通过汉堡菜单图标访问。菜单包含以下内容(在大多数页面上)
    • 当前产品的名称(作为产品着陆页的链接)
    • 用于导航回文档主页的 Sencha 图标
    • 产品菜单下拉按钮
    • API 文档和指南的导航树的标题
  • 当前上下文导航和工具位于右侧,可通过齿轮图标访问。上下文菜单包含以下内容
    • 全局搜索输入字段
    • (API 文档) 带有成员过滤器、“展开/折叠所有示例”按钮、“展开/折叠所有成员行”按钮、访问级别过滤器复选框以及每个成员计数的“过滤器”标题
    • (API 文档) 包含与当前类相关的元数据菜单的“相关类”标题
    • (指南) 指南的目录

查看类源代码

可以通过单击 API 文档页面顶部的类名来查看类源代码。可以通过单击成员行右侧的“view source”(查看源代码)链接来查看类成员的源代码。

ExtWebComponents 7.5.0


顶部

ExtWebComponents 包

仓库仪表板

仓库登录

  • 运行 npm login --registry=https://npm.sencha.com --scope=@sencha

注意:现有客户请使用您的支持门户凭据,将您电子邮件地址中的 @ 字符替换为 '..'(两个句点)。这将是您的“用户名”。您的用户名在转换后看起来像这样:name..gmail.com

Web Components 包

这些包随附 ExtWebComponents 7+ 所有这些包都使用相同的 @sencha 作用域。

组件 导入
ext-web-components-modern
ext-web-components-classic
ext-web-components-kitchensink
ext-web-components-gen
ext-web-components-boilerplate
ext-accordion import '@sencha/ext-web-components/dist/ext-accordion.component'
ext-actionsheet import '@sencha/ext-web-components/dist/ext-actionsheet.component'
ext-audio import '@sencha/ext-web-components/dist/ext-audio.component'
ext-booleancell import '@sencha/ext-web-components/dist/ext-booleancell.component'
ext-booleancolumn import '@sencha/ext-web-components/dist/ext-booleancolumn.component'
ext-boundlist import '@sencha/ext-web-components/dist/ext-boundlist.component'
ext-breadcrumbbar import '@sencha/ext-web-components/dist/ext-breadcrumbbar.component'
ext-button import '@sencha/ext-web-components/dist/ext-button.component'
ext-calendar-calendar-picker import '@sencha/ext-web-components/dist/ext-calendar-calendar-picker.component'
ext-calendar-day import '@sencha/ext-web-components/dist/ext-calendar-day.component'
ext-calendar-days import '@sencha/ext-web-components/dist/ext-calendar-days.component'
ext-calendar-daysheader import '@sencha/ext-web-components/dist/ext-calendar-daysheader.component'
ext-calendar-daysview import '@sencha/ext-web-components/dist/ext-calendar-daysview.component'
ext-calendar-dayview import '@sencha/ext-web-components/dist/ext-calendar-dayview.component'
ext-calendar-event import '@sencha/ext-web-components/dist/ext-calendar-event.component'
ext-calendar-form-add import '@sencha/ext-web-components/dist/ext-calendar-form-add.component'
ext-calendar-form-edit import '@sencha/ext-web-components/dist/ext-calendar-form-edit.component'
ext-calendar-list import '@sencha/ext-web-components/dist/ext-calendar-list.component'
ext-calendar-month import '@sencha/ext-web-components/dist/ext-calendar-month.component'
ext-calendar-monthview import '@sencha/ext-web-components/dist/ext-calendar-monthview.component'
ext-calendar-multiview import '@sencha/ext-web-components/dist/ext-calendar-multiview.component'
ext-calendar-timefield import '@sencha/ext-web-components/dist/ext-calendar-timefield.component'
ext-calendar-week import '@sencha/ext-web-components/dist/ext-calendar-week.component'
ext-calendar-weeks import '@sencha/ext-web-components/dist/ext-calendar-weeks.component'
ext-calendar-weeksheader import '@sencha/ext-web-components/dist/ext-calendar-weeksheader.component'
ext-calendar-weeksview import '@sencha/ext-web-components/dist/ext-calendar-weeksview.component'
ext-calendar-weekview import '@sencha/ext-web-components/dist/ext-calendar-weekview.component'
ext-calendar import '@sencha/ext-web-components/dist/ext-calendar.component'
ext-carousel import '@sencha/ext-web-components/dist/ext-carousel.component'
ext-cartesian import '@sencha/ext-web-components/dist/ext-cartesian.component'
ext-celleditor import '@sencha/ext-web-components/dist/ext-celleditor.component'
ext-chart import '@sencha/ext-web-components/dist/ext-chart.component'
ext-chartnavigator import '@sencha/ext-web-components/dist/ext-chartnavigator.component'
ext-checkbox import '@sencha/ext-web-components/dist/ext-checkbox.component'
ext-checkboxfield import '@sencha/ext-web-components/dist/ext-checkboxfield.component'
ext-checkboxgroup import '@sencha/ext-web-components/dist/ext-checkboxgroup.component'
ext-checkcell import '@sencha/ext-web-components/dist/ext-checkcell.component'
ext-checkcolumn import '@sencha/ext-web-components/dist/ext-checkcolumn.component'
ext-chip import '@sencha/ext-web-components/dist/ext-chip.component'
ext-chipview import '@sencha/ext-web-components/dist/ext-chipview.component'
ext-cleartrigger import '@sencha/ext-web-components/dist/ext-cleartrigger.component'
ext-colorbutton import '@sencha/ext-web-components/dist/ext-colorbutton.component'
ext-colorfield import '@sencha/ext-web-components/dist/ext-colorfield.component'
ext-colorpickercolorpreview import '@sencha/ext-web-components/dist/ext-colorpickercolorpreview.component'
ext-colorselector import '@sencha/ext-web-components/dist/ext-colorselector.component'
ext-column import '@sencha/ext-web-components/dist/ext-column.component'
ext-combobox import '@sencha/ext-web-components/dist/ext-combobox.component'
ext-comboboxfield import '@sencha/ext-web-components/dist/ext-comboboxfield.component'
ext-component import '@sencha/ext-web-components/dist/ext-component.component'
ext-componentdataview import '@sencha/ext-web-components/dist/ext-componentdataview.component'
ext-container import '@sencha/ext-web-components/dist/ext-container.component'
ext-containerfield import '@sencha/ext-web-components/dist/ext-containerfield.component'
ext-d3-canvas import '@sencha/ext-web-components/dist/ext-d3-canvas.component'
ext-d3-heatmap import '@sencha/ext-web-components/dist/ext-d3-heatmap.component'
ext-d3-horizontal-tree import '@sencha/ext-web-components/dist/ext-d3-horizontal-tree.component'
ext-d3-pack import '@sencha/ext-web-components/dist/ext-d3-pack.component'
ext-d3-partition import '@sencha/ext-web-components/dist/ext-d3-partition.component'
ext-d3-sunburst import '@sencha/ext-web-components/dist/ext-d3-sunburst.component'
ext-d3-svg import '@sencha/ext-web-components/dist/ext-d3-svg.component'
ext-d3-tree import '@sencha/ext-web-components/dist/ext-d3-tree.component'
ext-d3-treemap import '@sencha/ext-web-components/dist/ext-d3-treemap.component'
ext-d3 import '@sencha/ext-web-components/dist/ext-d3.component'
ext-dataitem import '@sencha/ext-web-components/dist/ext-dataitem.component'
ext-dataview import '@sencha/ext-web-components/dist/ext-dataview.component'
ext-datecell import '@sencha/ext-web-components/dist/ext-datecell.component'
ext-datecolumn import '@sencha/ext-web-components/dist/ext-datecolumn.component'
ext-datefield import '@sencha/ext-web-components/dist/ext-datefield.component'
ext-datepanel import '@sencha/ext-web-components/dist/ext-datepanel.component'
ext-datepicker import '@sencha/ext-web-components/dist/ext-datepicker.component'
ext-datepickerfield import '@sencha/ext-web-components/dist/ext-datepickerfield.component'
ext-datepickernativefield import '@sencha/ext-web-components/dist/ext-datepickernativefield.component'
ext-datetitle import '@sencha/ext-web-components/dist/ext-datetitle.component'
ext-datetrigger import '@sencha/ext-web-components/dist/ext-datetrigger.component'
ext-dialog import '@sencha/ext-web-components/dist/ext-dialog.component'
ext-displayfield import '@sencha/ext-web-components/dist/ext-displayfield.component'
ext-dragcolumn import '@sencha/ext-web-components/dist/ext-dragcolumn.component'
ext-draw import '@sencha/ext-web-components/dist/ext-draw.component'
ext-editor import '@sencha/ext-web-components/dist/ext-editor.component'
ext-emailfield import '@sencha/ext-web-components/dist/ext-emailfield.component'
ext-emptytext import '@sencha/ext-web-components/dist/ext-emptytext.component'
ext-expandtrigger import '@sencha/ext-web-components/dist/ext-expandtrigger.component'
ext-field import '@sencha/ext-web-components/dist/ext-field.component'
ext-fieldcontainer import '@sencha/ext-web-components/dist/ext-fieldcontainer.component'
ext-fieldpanel import '@sencha/ext-web-components/dist/ext-fieldpanel.component'
ext-fieldset import '@sencha/ext-web-components/dist/ext-fieldset.component'
ext-filebutton import '@sencha/ext-web-components/dist/ext-filebutton.component'
ext-filefield import '@sencha/ext-web-components/dist/ext-filefield.component'
ext-formpanel import '@sencha/ext-web-components/dist/ext-formpanel.component'
ext-froalaeditor import '@sencha/ext-web-components/dist/ext-froalaeditor.component'
ext-froalaeditorfield import '@sencha/ext-web-components/dist/ext-froalaeditorfield.component'
ext-gauge import '@sencha/ext-web-components/dist/ext-gauge.component'
ext-google-map import '@sencha/ext-web-components/dist/ext-google-map.component'
ext-grid import '@sencha/ext-web-components/dist/ext-grid.component'
ext-gridcell import '@sencha/ext-web-components/dist/ext-gridcell.component'
ext-gridcellbase import '@sencha/ext-web-components/dist/ext-gridcellbase.component'
ext-gridcolumn import '@sencha/ext-web-components/dist/ext-gridcolumn.component'
ext-gridcolumnsmenu import '@sencha/ext-web-components/dist/ext-gridcolumnsmenu.component'
ext-gridgroupbythismenuitem import '@sencha/ext-web-components/dist/ext-gridgroupbythismenuitem.component'
ext-gridrow import '@sencha/ext-web-components/dist/ext-gridrow.component'
ext-gridshowingroupsmenuitem import '@sencha/ext-web-components/dist/ext-gridshowingroupsmenuitem.component'
ext-gridsortascmenuitem import '@sencha/ext-web-components/dist/ext-gridsortascmenuitem.component'
ext-gridsortdescmenuitem import '@sencha/ext-web-components/dist/ext-gridsortdescmenuitem.component'
ext-gridsummaryrow import '@sencha/ext-web-components/dist/ext-gridsummaryrow.component'
ext-groupcontainer import '@sencha/ext-web-components/dist/ext-groupcontainer.component'
ext-headercontainer import '@sencha/ext-web-components/dist/ext-headercontainer.component'
ext-hiddenfield import '@sencha/ext-web-components/dist/ext-hiddenfield.component'
ext-image import '@sencha/ext-web-components/dist/ext-image.component'
ext-img import '@sencha/ext-web-components/dist/ext-img.component'
ext-indexbar import '@sencha/ext-web-components/dist/ext-indexbar.component'
ext-indicator import '@sencha/ext-web-components/dist/ext-indicator.component'
ext-inputfield import '@sencha/ext-web-components/dist/ext-inputfield.component'
ext-itemheader import '@sencha/ext-web-components/dist/ext-itemheader.component'
ext-label import '@sencha/ext-web-components/dist/ext-label.component'
ext-legend import '@sencha/ext-web-components/dist/ext-legend.component'
ext-list import '@sencha/ext-web-components/dist/ext-list.component'
ext-listitem import '@sencha/ext-web-components/dist/ext-listitem.component'
ext-listitemplaceholder import '@sencha/ext-web-components/dist/ext-listitemplaceholder.component'
ext-listswiperitem import '@sencha/ext-web-components/dist/ext-listswiperitem.component'
ext-listswiperstepper import '@sencha/ext-web-components/dist/ext-listswiperstepper.component'
ext-loadmask import '@sencha/ext-web-components/dist/ext-loadmask.component'
ext-lockedgrid import '@sencha/ext-web-components/dist/ext-lockedgrid.component'
ext-lockedgridregion import '@sencha/ext-web-components/dist/ext-lockedgridregion.component'
ext-map import '@sencha/ext-web-components/dist/ext-map.component'
ext-mask import '@sencha/ext-web-components/dist/ext-mask.component'
ext-media import '@sencha/ext-web-components/dist/ext-media.component'
ext-menu import '@sencha/ext-web-components/dist/ext-menu.component'
ext-menucheckitem import '@sencha/ext-web-components/dist/ext-menucheckitem.component'
ext-菜单复选框 import '@sencha/ext-web-components/dist/ext-menuitem.component'
ext-菜单项 import '@sencha/ext-web-components/dist/ext-menuradioitem.component'
ext-菜单单选框项 import '@sencha/ext-web-components/dist/ext-menuseparator.component'
ext-菜单分隔符 import '@sencha/ext-web-components/dist/ext-menutrigger.component'
ext-菜单触发器 import '@sencha/ext-web-components/dist/ext-messagebox.component'
ext-消息框 import '@sencha/ext-web-components/dist/ext-navigationview.component'
ext-导航视图 import '@sencha/ext-web-components/dist/ext-nestedlist.component'
ext-嵌套列表 import '@sencha/ext-web-components/dist/ext-numbercell.component'
ext-数字单元格 import '@sencha/ext-web-components/dist/ext-numbercolumn.component'
ext-数字列 import '@sencha/ext-web-components/dist/ext-numberfield.component'
ext-数字字段 import '@sencha/ext-web-components/dist/ext-pagingtoolbar.component'
ext-分页工具栏 import '@sencha/ext-web-components/dist/ext-panel.component'
ext-面板 import '@sencha/ext-web-components/dist/ext-panelheader.component'
ext-面板头部 import '@sencha/ext-web-components/dist/ext-paneltitle.component'
ext-面板标题 import '@sencha/ext-web-components/dist/ext-paneltool.component'
ext-面板工具 import '@sencha/ext-web-components/dist/ext-passwordfield.component'
ext-密码字段 import '@sencha/ext-web-components/dist/ext-picker.component'
ext-选择器 import '@sencha/ext-web-components/dist/ext-pickerfield.component'
ext-选择器字段 import '@sencha/ext-web-components/dist/ext-pickerslot.component'
ext-选择器槽 import '@sencha/ext-web-components/dist/ext-pivotconfigcontainer.component'
ext-透视配置容器 import '@sencha/ext-web-components/dist/ext-pivotconfigfield.component'
ext-透视配置字段 import '@sencha/ext-web-components/dist/ext-pivotconfigform.component'
ext-透视配置表单 import '@sencha/ext-web-components/dist/ext-pivotconfigpanel.component'
ext-透视配置面板 import '@sencha/ext-web-components/dist/ext-pivotd3container.component'
ext-透视D3容器 import '@sencha/ext-web-components/dist/ext-pivotgrid.component'
ext-透视网格 import '@sencha/ext-web-components/dist/ext-pivotgridcell.component'
ext-透视网格单元格 import '@sencha/ext-web-components/dist/ext-pivotgridgroupcell.component'
ext-透视网格分组单元格 import '@sencha/ext-web-components/dist/ext-pivotgridrow.component'
ext-透视网格行 import '@sencha/ext-web-components/dist/ext-pivotheatmap.component'
ext-透视热图 import '@sencha/ext-web-components/dist/ext-pivotrangeeditor.component'
ext-透视范围编辑器 import '@sencha/ext-web-components/dist/ext-pivotsettings.component'
ext-透视设置 import '@sencha/ext-web-components/dist/ext-pivottreemap.component'
ext-透视树状图 import '@sencha/ext-web-components/dist/ext-polar.component'
ext-极坐标图 import '@sencha/ext-web-components/dist/ext-progress.component'
ext-进度条 import '@sencha/ext-web-components/dist/ext-progressbarwidget.component'
ext-进度条小部件 import '@sencha/ext-web-components/dist/ext-pullrefreshbar.component'
ext-下拉刷新条 import '@sencha/ext-web-components/dist/ext-pullrefreshspinner.component'
ext-下拉刷新旋转器 import '@sencha/ext-web-components/dist/ext-radio.component'
ext-单选按钮 import '@sencha/ext-web-components/dist/ext-radiofield.component'
ext-单选按钮字段 import '@sencha/ext-web-components/dist/ext-radiogroup.component'
ext-单选按钮组 import '@sencha/ext-web-components/dist/ext-rating.component'
ext-评分 import '@sencha/ext-web-components/dist/ext-revealtrigger.component'
ext-显示触发器 import '@sencha/ext-web-components/dist/ext-router.component'
ext-路由器 import '@sencha/ext-web-components/dist/ext-rowbody.component'
ext-行主体 import '@sencha/ext-web-components/dist/ext-roweditor.component'
ext-行编辑器 import '@sencha/ext-web-components/dist/ext-roweditorbar.component'
ext-行编辑器栏 import '@sencha/ext-web-components/dist/ext-roweditorcell.component'
ext-行编辑器单元格 import '@sencha/ext-web-components/dist/ext-roweditorgap.component'
ext-行编辑器间隙 import '@sencha/ext-web-components/dist/ext-rowheader.component'
ext-行头部 import '@sencha/ext-web-components/dist/ext-rownumberer.component'
ext-行号器 import '@sencha/ext-web-components/dist/ext-rownumberercell.component'
ext-行号器单元格 import '@sencha/ext-web-components/dist/ext-searchfield.component'
ext-搜索字段 import '@sencha/ext-web-components/dist/ext-segmentedbutton.component'
ext-分段按钮 import '@sencha/ext-web-components/dist/ext-selectfield.component'
ext-选择字段 import '@sencha/ext-web-components/dist/ext-selectioncolumn.component'
ext-选择列 import '@sencha/ext-web-components/dist/ext-selectpicker.component'
ext-选择选择器 import '@sencha/ext-web-components/dist/ext-sheet.component'
ext-工作表 import '@sencha/ext-web-components/dist/ext-simplelistitem.component'
ext-简单列表项 import '@sencha/ext-web-components/dist/ext-singlesliderfield.component'
ext-单滑块字段 import '@sencha/ext-web-components/dist/ext-slider.component'
ext-滑块 import '@sencha/ext-web-components/dist/ext-sliderfield.component'
ext-滑块字段 import '@sencha/ext-web-components/dist/ext-spacefilling.component'
ext-空间填充 import '@sencha/ext-web-components/dist/ext-spacer.component'
ext-间隔 import '@sencha/ext-web-components/dist/ext-sparkline.component'
ext-迷你图 import '@sencha/ext-web-components/dist/ext-sparklinebar.component'
ext-迷你柱状图 import '@sencha/ext-web-components/dist/ext-sparklinebox.component'
ext-迷你箱线图 import '@sencha/ext-web-components/dist/ext-sparklinebullet.component'
ext-迷你子弹图 import '@sencha/ext-web-components/dist/ext-sparklinediscrete.component'
ext-迷你离散图 import '@sencha/ext-web-components/dist/ext-sparklineline.component'
ext-迷你折线图 import '@sencha/ext-web-components/dist/ext-sparklinepie.component'
ext-迷你饼图 import '@sencha/ext-web-components/dist/ext-sparklinetristate.component'
ext-迷你三态图 import '@sencha/ext-web-components/dist/ext-spindowntrigger.component'
ext-向下微调触发器 import '@sencha/ext-web-components/dist/ext-spinnerfield.component'
ext-微调字段 import '@sencha/ext-web-components/dist/ext-spinuptrigger.component'
ext-向上微调触发器 import '@sencha/ext-web-components/dist/ext-splitbutton.component'
ext-拆分按钮 import '@sencha/ext-web-components/dist/ext-surface.component'
ext-表面 import '@sencha/ext-web-components/dist/ext-tab.component'
ext-标签页 import '@sencha/ext-web-components/dist/ext-tabbar.component'
ext-标签栏 import '@sencha/ext-web-components/dist/ext-tabletpicker.component'
ext-平板选择器 import '@sencha/ext-web-components/dist/ext-tabpanel.component'
ext-标签面板 import '@sencha/ext-web-components/dist/ext-templatecolumn.component'
ext-模板列 import '@sencha/ext-web-components/dist/ext-textareafield.component'
ext-文本域字段 import '@sencha/ext-web-components/dist/ext-textcell.component'
ext-文本单元格 import '@sencha/ext-web-components/dist/ext-textcolumn.component'
ext-文本列 import '@sencha/ext-web-components/dist/ext-textfield.component'
ext-文本字段 import '@sencha/ext-web-components/dist/ext-thumb.component'
ext-滑块拇指 import '@sencha/ext-web-components/dist/ext-timefield.component'
ext-时间字段 import '@sencha/ext-web-components/dist/ext-timepanel.component'
ext-时间面板 import '@sencha/ext-web-components/dist/ext-timetrigger.component'
ext-时间触发器 import '@sencha/ext-web-components/dist/ext-title.component'
ext-标题 import '@sencha/ext-web-components/dist/ext-titlebar.component'
ext-标题栏 import '@sencha/ext-web-components/dist/ext-togglefield.component'
ext-切换字段 import '@sencha/ext-web-components/dist/ext-toggleslider.component'
ext-切换滑块 import '@sencha/ext-web-components/dist/ext-tool.component'
ext-工具 import '@sencha/ext-web-components/dist/ext-toolbar.component'
ext-工具栏 import '@sencha/ext-web-components/dist/ext-tooltip.component'
ext-工具提示 import '@sencha/ext-web-components/dist/ext-tree.component'
ext-树 import '@sencha/ext-web-components/dist/ext-treecell.component'
ext-树单元格 import '@sencha/ext-web-components/dist/ext-treecolumn.component'
ext-树列 import '@sencha/ext-web-components/dist/ext-treelist.component'
ext-树列表 import '@sencha/ext-web-components/dist/ext-treelistitem.component'
ext-树列表项 import '@sencha/ext-web-components/dist/ext-trigger.component'
ext-触发器 import '@sencha/ext-web-components/dist/ext-urlfield.component'
ext-URL字段 import '@sencha/ext-web-components/dist/ext-video.component'
ext-视频 import '@sencha/ext-web-components/dist/ext-viewport.component'
ext-视口 import '@sencha/ext-web-components/dist/ext-widget.component'
ext-小部件 import '@sencha/ext-web-components/dist/ext-widgetcell.component'
ext-小部件单元格 import '@sencha/ext-web-components/dist/ext-window.component'
ext-窗口 import '@sencha/ext-web-components/dist/ext-yearpicker.component'

ExtWebComponents 7.5.0