首页 > 其他分享 >Extjs xtype 一览表

Extjs xtype 一览表

时间:2024-07-12 19:54:26浏览次数:16  
标签:工具栏 xtype form menu Ext 一览表 Extjs Toolbar

ExtJs xtype一览

基本组件:

xtype

Class

描述

button

Ext.Button

按钮

splitbutton

Ext.SplitButton

带下拉菜单的按钮

cycle

Ext.CycleButton

带下拉选项菜单的按钮

buttongroup

Ext.ButtonGroup

编组按钮(Since 3.0)

slider

Ext.Slider

滑动条

progress

Ext.ProgressBar

进度条

statusbar

Ext.StatusBar

状态条,2.2加进来,3.0 又去了

colorpalette

Ext.ColorPalette

调色板

datepicker

Ext.DatePicker

日期选择面板

 

容器及数据类组件

xtype

Class

描述

window

Ext.Window

窗口

viewport

Ext.ViewPort

视口,即浏览器的视口,能随之伸缩

box

Ext.BoxComponent

盒子组件,相当于一个 <div>

component

Ext.Component

组件

container

Ext.Container

容器

panel

Ext.Panel

面板

tabpanel

Ext.TabPanel

选项面板

treepanel

Ext.tree.TreePanel

树型面板

flash

Ext.FlashComponent

显示 Flash 的组件(Since 3.0)

grid

Ext.grid.GridPanel

表格

editorgrid

Ext.grid.EditorGridPanel

可编辑的表格

propertygrid

Ext.grid.PropertyGrid

属性表格

editor

Ext.Editor

编辑器

dataview

Ext.DataView

数据显示视图

listview

Ext.ListView

列表视图

 

工具栏组件:

xtype

Class

描述

paging

Ext.PagingToolbar

分页工具条

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

工具栏文本项

 

菜单组件:

xtype

Class

描述

menu

Ext.menu.Menu

菜单

colormenu

Ext.menu.ColorMenu

颜色选择菜单

datemenu

Ext.menu.DateMenu

日期选择菜单

menubaseitem

BaseItem

 

menucheckitem

Ext.menu.CheckItem

选项菜单项

menuitem

Ext.menu.Item

 

menuseparator

Ext.menu.Separator

菜单分隔线

menutextitem

Ext.menu.TextItem

文本菜单项

 

表单及表单域组件:

xtype

Class

描述

form

Ext.FormPanel/Ext.form.FormPanel

表单面板

checkbox

Ext.form.Checkbox

多选框

combo

Ext.form.ComboBox

下拉框

datefield

Ext.form.DateField

日期选择项

timefield

Ext.form.TimeField

时间录入项

field

Ext.form.Field

表单字段

fieldset

Ext.form.FieldSet

表单字段组

hidden

Ext.form.Hidden

表单隐藏域

htmleditor

Ext.form.HtmlEditor

HTML 编辑器

label

Ext.form.Label

标签

numberfield

Ext.form.NumberField

数字编辑器

radio

Ext.form.Radio

单选按钮

textarea

Ext.form.TextArea

多行文本框

textfield

Ext.form.TextField

表单文本框

trigger

Ext.form.TriggerField

触发录入项

checkboxgroup

Ext.form.CheckboxGroup

编组的多选框(Since 2.2)

displayfield

Ext.form.DisplayField

仅显示,不校验/不被提交的文本框

radiogroup

Ext.form.RadioGroup

编组的单选按钮(Since 2.2)

 

图表组件:

xtype

Class

描述

chart

Ext.chart.Chart

图表组件

barchart

Ext.chart.BarChart

柱状图

cartsianchart

Ext.chart.CartesianChart

 

columnchart

Ext.chart.ColumnChart

 

linechart

Ext.chart.LineChart

连线图

piechart

Ext.chart.PieChart

扇形图

 

数据集 Store:

xtype

Class

描述

arraystore

Ext.data.ArrayStore

 

directstore

Ext.data.DirectStore

 

groupingstore

Ext.data.GroupingStore

 

jsonstore

Ext.data.JsonStore

 

simplestore

Ext.data.SimpleStore

 

store

Ext.data.Store

 

xmlstore

Ext.data.XmlStore

 

标签:工具栏,xtype,form,menu,Ext,一览表,Extjs,Toolbar
From: https://www.cnblogs.com/joe-tang/p/7144864.html

相关文章

  • Extjs中的success和failure
    转载:http://blog.csdn.net/gangwazi0525/article/details/7314581 1.Ext.form.Action.Submit的配置选项success、failure根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success......
  • NextJS 开发指南
    0x01概述(1)基本信息NextJS官网:https://nextjs.org/NextJS是一个轻量级的React服务端渲染(SSR)应用框架TheReactFrameworkforProductionAfull-stackframeworkforReactJSNextJS解决了常见问题使构建React应用更加容易NextJS基于React框架:React18(2)主......
  • tauri 打包nextjs
    问题1:页面无法打开localhost:报错提示:嗯…无法访问此页面tauri.localhost 已拒绝连接。解决:next.config.js/**@type{import('next').NextConfig}*/constnextConfig={output:'export',}module.exports=nextConfig 问题2:tauri在build模式开启右键检查de......
  • 汉中海康威视门禁多少钱,海康门禁价格一览表
    汉中海康威视门禁多少钱,海康门禁价格一览表      海康威视是国内较知名的智能安防设备生产企业,海康威视门禁机产品型号有AU5230MFW、AU5230MW、AU5270MFW、AU5270MW、AU5240MW、AU5240M等;海康威视AU5230MFW门禁机海康威视功能价格HST-AU5230MFW带人脸识......
  • openGauss 高危操作一览表
    高危操作一览表各项操作请严格遵守指导书操作,同时避免执行如下高危操作。表1中描述在产品的操作与维护阶段,进行日常操作时应注意的严禁操作。表1禁用操作操作名称操作风险严禁修改数据目录下文件名,权限,内容不能修改,不能删除内容。导致数据库节点实例出现严重错误,......
  • nextJs中使用styled-jsx
    NextJs不支持直接在页面和组件里importCss这种引入方式(除了全局引入),但是可以使用styled-jsx的方式进行Css的样式定义,也可以实现样式加载NextJs中Css的几种使用方案: global全局引入:在main文件或者app.js/ts文件里面进行全局引入,这种只是适合全局作用的样式引入。例如:im......
  • nextjs 的函数,参数,属性装饰器的使用
    //属性装饰器constdoc1:PropertyDecorator=(target:any,val:string|symbol)=>{console.log(target);console.log(val);val="覆盖";}//方法装饰器constdoc2:MethodDecorator=(target:any,val:string|symbol,desc:any)=>{cons......
  • 我用 Nextjs 十分钟搭建了一个展示955公司网站
    前言打工人终极梦想就是能够955吧!一年之前看到过955公司名单,最近偶然又看到一篇955不加班的公司名单推文,发现名单上的公司大都是外企,而且相比一年之前又少了几个。于是想将目前还在榜955名单上的公司记录在网站上,一是方便随时查看,二是想看有哪些公司会在什么时候下线,也一......
  • ExtJS 页面单文件
    更新记录2024年1月31日初始化。ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html页面单文件写法ExtJS用官方脚手架(SenchaCMD)生成页面,在默认情况下会生成三个文件(View、ViewController、ViewModel)。有些时候为了方便可以直接像VueJS一样只定义一个文件,可......
  • openGauss学习笔记-211 openGauss 数据库运维-高危操作一览表
    openGauss学习笔记-211openGauss数据库运维-高危操作一览表各项操作请严格遵守指导书操作,同时避免执行如下高危操作。211.1禁止操作表1中描述在产品的操作与维护阶段,进行日常操作时应注意的严禁操作。表1禁用操作操作名称操作风险严禁修改数据目录下文件名,权限,......