Ext xtype类型

最新推荐文章于 2021-10-18 15:03:17 发布

原创最新推荐文章于 2021-10-18 15:03:17 发布 · 406 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文详细介绍了Ext.js中的各种XType组件，包括边框组件、按钮、调色板、容器、日期选择面板等，并提供了实例代码。此外，还涵盖了工具栏组件、表单组件及其相关字段组件的应用。

xtype

Class
------------- ------------------
box Ext.BoxComponent 具有边框属性的组件
button Ext.Button　　按钮
colorpalette Ext.ColorPalette 调色板
component Ext.Component　组件
container Ext.Container　容器
cycle Ext.CycleButton　
dataview Ext.DataView 数据显示视图
datepicker Ext.DatePicker 日期选择面板
editor Ext.Editor　编辑器
editorgrid Ext.grid.EditorGridPanel 可编辑的表格　
grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具栏中的间隔
panel Ext.Panel　面板
progress Ext.ProgressBar 进度条
splitbutton Ext.SplitButton 可分裂的按钮
tabpanel Ext.TabPanel　选项面板
treepanel Ext.tree.TreePanel 树
viewport Ext.ViewPort 视图
window Ext.Window　窗口
工具栏组件有
---------------------------------------
toolbar Ext.Toolbar　工具栏
tbbutton Ext.Toolbar.Button　按钮
tbfill Ext.Toolbar.Fill　文件
tbitem Ext.Toolbar.Item　工具条项目
tbseparator Ext.Toolbar.Separator　工具栏分隔符
tbspacer Ext.Toolbar.Spacer　工具栏空白
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮
tbtext Ext.Toolbar.TextItem　工具栏文本项
表单及字段组件包含：
---------------------------------------
form Ext.FormPanel　Form面板　
checkbox Ext.form.Checkbox　checkbox录入框
combo Ext.form.ComboBox　combo选择项
datefield Ext.form.DateField　日期选择项
field Ext.form.Field　表单字段
fieldset Ext.form.FieldSet　表单字段组
hidden Ext.form.Hidden 表单隐藏域
htmleditor Ext.form.HtmlEditor　html编辑器
numberfield Ext.form.NumberField　数字编辑器
radio Ext.form.Radio　单选按钮
textarea Ext.form.TextArea　区域文本框
textfield Ext.form.TextField　表单文本框
timefield Ext.form.TimeField　时间录入项
trigger Ext.form.TriggerField　触发录入项
如果要使输入域为密码类型可以使用
inputType: 'password'
如果：
{xtype:'textfield',inputType: 'password',fieldLabel: '密码',name: 'PASSWORD',allowBlank:false,anchor:'95%'}