ExtJs实践(3)——xtype名称与控件对应
xtype可作为Ext控件的简写,都会对应一个Ext控件。当然这里你也可以自定义这个xtype,通过自定义的Ext控件来绑定,主要由Ext.reg方法去注册xtype。Ext.all.js里面包含的xtype包含:
xtype Class
------------- ------------------
box {@link Ext.BoxComponent}
button {@link Ext.Button}
buttongroup {@link Ext.ButtonGroup}
colorpalette {@link Ext.ColorPalette}
component {@link Ext.Component}
container {@link Ext.Container}
cycle {@link Ext.CycleButton}
dataview {@link Ext.DataView}
datepicker {@link Ext.DatePicker}
editor {@link Ext.Editor}
editorgrid {@link Ext.grid.EditorGridPanel}
flash {@link Ext.FlashComponent}
grid {@link Ext.grid.GridPanel}
listview {@link Ext.ListView}
multislider {@link Ext.slider.MultiSlider}
panel {@link Ext.Panel}
progress {@link Ext.ProgressBar}
propertygrid {@link Ext.grid.PropertyGrid}
slider {@link Ext.slider.SingleSlider}
spacer {@link Ext.Spacer}
splitbutton {@link Ext.SplitButton}
tabpanel {@link Ext.TabPanel}
treepanel {@link Ext.tree.TreePanel}
viewport {@link Ext.ViewPort}
window {@link Ext.Window}
Toolbar components
---------------------------------------
paging {@link Ext.PagingToolbar}
toolbar {@link Ext.Toolbar}
tbbutton {@link Ext.Toolbar.Button} (deprecated; use button)
tbfill {@link Ext.Toolbar.Fill}
tbitem {@link Ext.Toolbar.Item}
tbseparator {@link Ext.Toolbar.Separator}
tbspacer {@link Ext.Toolbar.Spacer}
tbsplit {@link Ext.Toolbar.SplitButton} (deprecated; use splitbutton)
tbtext {@link Ext.Toolbar.TextItem}
Menu components
---------------------------------------
menu {@link Ext.menu.Menu}
colormenu {@link Ext.menu.ColorMenu}
datemenu {@link Ext.menu.DateMenu}
menubaseitem {@link Ext.menu.BaseItem}
menucheckitem {@link Ext.menu.CheckItem}
menuitem {@link Ext.menu.Item}
menuseparator {@link Ext.menu.Separator}
menutextitem {@link Ext.menu.TextItem}
Form components
---------------------------------------
form {@link Ext.form.FormPanel}
checkbox {@link Ext.form.Checkbox}
checkboxgroup {@link Ext.form.CheckboxGroup}
combo {@link Ext.form.ComboBox}
compositefield {@link Ext.form.CompositeField}
datefield {@link Ext.form.DateField}
displayfield {@link Ext.form.DisplayField}
field {@link Ext.form.Field}
fieldset {@link Ext.form.FieldSet}
hidden {@link Ext.form.Hidden}
htmleditor {@link Ext.form.HtmlEditor}
label {@link Ext.form.Label}
numberfield {@link Ext.form.NumberField}
radio {@link Ext.form.Radio}
radiogroup {@link Ext.form.RadioGroup}
textarea {@link Ext.form.TextArea}
textfield {@link Ext.form.TextField}
timefield {@link Ext.form.TimeField}
trigger {@link Ext.form.TriggerField}
Chart components
---------------------------------------
chart {@link Ext.chart.Chart}
barchart {@link Ext.chart.BarChart}
cartesianchart {@link Ext.chart.CartesianChart}
columnchart {@link Ext.chart.ColumnChart}
linechart {@link Ext.chart.LineChart}
piechart {@link Ext.chart.PieChart}
Store xtypes
---------------------------------------
arraystore {@link Ext.data.ArrayStore}
directstore {@link Ext.data.DirectStore}
groupingstore {@link Ext.data.GroupingStore}
jsonstore {@link Ext.data.JsonStore}
simplestore {@link Ext.data.SimpleStore} (deprecated; use arraystore)
store {@link Ext.data.Store}
xmlstore {@link Ext.data.XmlStore}
这里举一个例子:
实际上:
buttonAlign: 'left',
width: 300,
renderTo: 'panel',
title: "目录",
buttons: [
new Ext.Button({ text: 'Text1' }),
new Ext.Button({ text: 'Text2' })
]
});
与
buttonAlign: 'left',
width: 300,
renderTo: 'panel',
title: "目录",
buttons: [
{ xtype: 'button', text: 'Text1' },
{ xtype: 'button', text: 'Text2' }
]
});
是等效的。
Html代码为
从这里就可以看出端倪。
转载于:https://www.cnblogs.com/liping13599168/archive/2011/01/12/1929393.html
ExtJs实践(3)——xtype名称与控件对应相关推荐
- [转] WinForm自定义函数FindControl实现按名称查找控件
原文地址 WinForm自定义函数FindControl实现按名称查找控件 本文所述实例实现WinForm自定义函数FindControl实现按名称查找控件的功能,在C#程序开发中有一定的实用价值. ...
- ExtJS基础知识总结:常用控件使用方式(一)
概述 最近一直在做相关ExtJs方面的项目,遇到了ExtJs使用方面的一系列问题,现在将使用技巧做个记录汇总,以便于下次能够快速使用.以下都是ExtJs控件的常用方法,做简单汇总,俗话说,好记星不如烂 ...
- [ExtJs] 控件初始化绑定事件 initialize 和 painted的区别
在使用ExtJs时,对于一些页面控件在初始化时希望绑定事件用于值修改时触发,通常会在控件初始化或控件展示时绑定. 一般常用的事件主要有initialize.added.beforeshow.activ ...
- 0811-按钮操作(加法计算器)(拖控件找控件代码属性名称)(frame center bounds)(上下左右移动button图片)...
-------------------- 加法计算器 实现步骤 1.拖控件 改textField键盘属性为numberPad ,label双击修改名称自动缩小尺寸 改属性名称不会改尺寸, 放 ...
- ExtJS6.0扩展日期选择控件为也可以选择时间
PS:ExtJS自带的日期选择控件只能够选择日期,但是现在的需求需要精确到秒,所以在网上搜索了一些例子(大部分是4.0的)作为参考,然后改出了6.0可用的一个日期时间选择控件. 1.找到extjs6. ...
- 【 iOS 应用开发 】 UIKit 控件 ( 代码生成控件 | UIView 属性方法 | Storyboard | Bundle | Property List | 动画 | 图片内存优化 )
文章目录 一. 代码生成控件 1. 创建设置项目 ( 1 ) 创建项目 ( ① 选择 Create a new Xcode project | ② 创建 Single View Application ...
- qtextedit 默认文案_QT中常用的控件说明.md
2主窗口类型 有三种窗口 QMainWindow QWiget QDialog QMainWindow:可以包含菜单栏,工具栏和标题栏,是 最常见的窗口显示形式. QDialog:是对话窗口的基类.没 ...
- c#中获取控件窗体句柄,获取窗体等的一些操作
1.Control.Handle 就是获取控件绑定到的窗口句柄. 2.control.IsHandleCreated 控件是否有与其关联的句柄 3.WinForm自定义函数FindControl实现 ...
- WP8.1学习系列(第二十章)——添加控件和处理事件
先决条件 添加控件 设置控件的名称 设置控件属性 创建事件处理程序 新控件 总结 相关主题 通过使用如按钮.文本框和组合框等控件,你可以创建应用的 UI. 下面将显示如何将控件添加到应用.处理控件时, ...
最新文章
- 图灵奖得主杨立昆人工智能十问:AI会统治人类吗?
- 列出所有已安装的perl模块
- 怎样向IT行业的朋友说明《圣经》的重要性
- django ajax传参数
- 文件包含中过滤了php,文件包含漏洞---php协议
- SQL Server 分布式数据库的问题和解决方法
- 游戏里的角色都什么格式图片_二十年前是怎样开发游戏的?
- Javacript和AngularJS中的Promises
- netcat运行出错
- linux救援模式详解,Linux系统的救援模式应用详解
- 一个很好的网址,Visio 使用教程
- python自动生成字幕_【教程】每天30分钟免费的视频自动生成字幕的方法
- c语言编八卦图形,关于C语言实现一个八卦图!(我代码写好了,求人改动一下)
- 从Unity商店下载的插件存放的位置
- [案例2-3]超市购物小程序
- 打造超完美主页?20个主页设计技能你不容错过
- 戴尔win10重新安装win7系统
- package.json 封装 vue模块_vue仿小米商城 -- 我知道的都在这里了
- React - Content
- DTT年度收官圆桌π,华为云8位技术专家的年末盘点
热门文章
- Navicat for MySQL v8.0.27 的注册码
- 网页弹出窗口代码【来源于网络】
- opencv python tutorials_OpenCV-Python Tutorials 笔记(二)
- IF-ERRORLEVEL使用方法
- Matlab归一化函数(mapminmax)
- VS在win32平台与mysql链接_mysql5.5.28-win32 + qt--4.8.2-vs2008 数据库驱动编译与连接...
- windows系统服务器添加ssl证书
- 汽车电子专业知识篇(二十)-深度解析CAN FD与传统CAN的差异
- AUTOSAR从入门到精通100讲(十二)-V2X通信安全技术要求标准
- python元组操作_Python:元组操作总结