Ext2.0 xtype,vtype罗列

    技术2022-05-11  29

    群里有人问如何在一个form表单里显示“姓名:李三”,但这并不是textfield类型而是默认值就这样显示问xtype该设为什么类型的值。本人对extjs基本不了解,也可以说啥都不知道,问了一下我们专门负责ext这一模块的同事,才知原来直接可以在:

    items=[{html:'姓名:李三'}]。

     

    网上搜了一下xtype,这篇不错,引自:http://www.hijava.org/js/ext-xtype-list

     

    Ext2.0对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件,Ext组件是由 Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。

    组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有:

     

    xtype            Class————-    ——————box              Ext.BoxComponent  具有边框属性的组件button           Ext.Button  按钮colorpalette     Ext.ColorPalette 调色板component        Ext.Component 组件container        Ext.Container 容器cycle            Ext.CycleButtondataview         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 触发录入项

    可用的vtype列表:alpha,alphanum,email,url

     


    最新回复(0)