There are 40 kinds of components in the component system of EXTJS, and these components can be roughly divided into three categories, namely basic components, toolbar components, forms and element components.
The basic components are the main components that constitute the Web UI, because these components also partially exist in other development systems. These components enrich the performance of traditional Web UI and are an important embodiment of EXTJS improving Web UI.
Basic components of EXIJS:
xtype Class Description
------------- ------------------ ---------------- --
box Ext.BoxComponent Component button with border property
Ext.Button button
colorpalette Ext.ColorPalette palette
component Ext.Component component
container Ext.Container container
cycle Ext.CycleButton
dataview Ext.DataView data display view
datepicker Ext.DatePicker date selection Panel
editor Ext.Editor editor
editorgrid Ext.grid.EditorGridPanel editable table
grid Ext.grid.GridPanel table
paging Ext.PagingToolbar Spacing
panel in toolbar Ext.Panel panel
progress Ext.ProgressBar progress bar
splitbutton Ext.SplitButton split button
tabpanel Ext.TabPanel options panel
treepanel Ext.tree.TreePanel tree
viewport Ext.ViewPort view
window Ext.Window window
Toolbar components are prepared for constructing toolbars. In Windows desktop software, toolbars can be seen everywhere, and are praised by users for their convenience and integration. The toolbar component of EXTJS can construct toolbars on the web that behave and function exactly as desktop software.
Toolbar components are:
---------------------------------------
toolbar Ext.Toolbar Toolbar
tbbutton Ext.Toolbar.Button Button
tbfill Ext.Toolbar.Fill File
tbitem Ext.Toolbar.Item Toolbar Item
tbseparator Ext.Toolbar.Separator Toolbar Separator
tbspacer Ext.Toolbar.Spacer Toolbar Blank
tbsplit Ext.Toolbar.SplitButton Toolbar Separate button
tbtext Ext.Toolbar.TextItem Toolbar text item
In traditional web UI, forms are important interface elements. The form component of ExtJS encapsulates the ordinary HTML form, which not only provides a more beautiful appearance, but also expands the functions. Form components are also the most frequently used components in EXTJS time-limited web applications.
Form and field components include:
----------------------------------------
form Ext.FormPanel Form Panel
checkbox Ext.form.Checkbox checkbox input box
combo Ext.form.ComboBox combo option
datefield Ext.form.DateField date option
field Ext.form.Field form field
fieldset Ext.form.FieldSet form field group
hidden Ext.form. Hidden form hidden field htmleditor
Ext.form.HtmlEditor html editor
numberfield Ext.form.NumberField number editor
radio Ext.form.Radio radio button
textarea Ext.form.TextArea area text
field textfield Ext.form.TextField form text box
timefield Ext.form.TimeField time entry
trigger Ext.form.TriggerField trigger entry