学习ExtJS Panel常用方法


一、属性

frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之。
xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件。
xtype      Class
-------------  ------------------
box       Ext.BoxComponent
button      Ext.Button
buttongroup   Ext.ButtonGroup
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
flash      Ext.FlashComponent
grid       Ext.grid.GridPanel
listview     Ext.ListView
panel      Ext.Panel
progress     Ext.ProgressBar
propertygrid   Ext.grid.PropertyGrid
slider      Ext.Slider
spacer      Ext.Spacer
splitbutton   Ext.SplitButton
tabpanel     Ext.TabPanel
treepanel    Ext.tree.TreePanel
viewport     Ext.ViewPort
window      Ext.Window
Toolbar components
---------------------------------------
paging      Ext.PagingToolbar
toolbar     Ext.Toolbar
tbbutton     Ext.Toolbar.Button    (deprecated; use button)
tbfill      Ext.Toolbar.Fill
tbitem      Ext.Toolbar.Item
tbseparator   Ext.Toolbar.Separator
tbspacer     Ext.Toolbar.Spacer
tbsplit     Ext.Toolbar.SplitButton  (deprecated; use splitbutton)
tbtext      Ext.Toolbar.TextItem
Menu components
---------------------------------------
menu       Ext.menu.Menu
colormenu    Ext.menu.ColorMenu
datemenu     Ext.menu.DateMenu
menubaseitem   Ext.menu.BaseItem
menucheckitem  Ext.menu.CheckItem
menuitem     Ext.menu.Item
menuseparator  Ext.menu.Separator
menutextitem   Ext.menu.TextItem
Form components
---------------------------------------
form       Ext.FormPanel
checkbox     Ext.form.Checkbox
checkboxgroup  Ext.form.CheckboxGroup
combo      Ext.form.ComboBox
datefield    Ext.form.DateField
displayfield   Ext.form.DisplayField
field      Ext.form.Field
fieldset     Ext.form.FieldSet
hidden      Ext.form.Hidden
htmleditor    Ext.form.HtmlEditor
label      Ext.form.Label
numberfield   Ext.form.NumberField
radio      Ext.form.Radio
radiogroup    Ext.form.RadioGroup
textarea     Ext.form.TextArea
textfield    Ext.form.TextField
timefield    Ext.form.TimeField
trigger     Ext.form.TriggerField
Chart components
---------------------------------------
chart      Ext.chart.Chart
barchart     Ext.chart.BarChart
cartesianchart  Ext.chart.CartesianChart
columnchart   Ext.chart.ColumnChart
linechart    Ext.chart.LineChart
piechart     Ext.chart.PieChart
Store xtypes
---------------------------------------
arraystore    Ext.data.ArrayStore
directstore   Ext.data.DirectStore
groupingstore  Ext.data.GroupingStore
jsonstore    Ext.data.JsonStore
simplestore   Ext.data.SimpleStore   (deprecated; use arraystore)
store      Ext.data.Store
xmlstore     Ext.data.XmlStore
defaults:xtypes的默认值,如:
 defaults:{xtype:"textfield",width:180},
 items:[{fieldLabel:"帐号"},{fieldLabel:"密码"}],

二、方法
add(Ext.Component/Object_component):添加一个组件到面板中,运行时方法。
addButton( String/Object config, Function handler, Object scope ) :添加一个按钮到面板中,设计时方法(对象在未构造之前调用)。
_panel.addButton({text:"确 定"}); //form按默认宽度自适应创建
_panel.addButton(new Ext.Button({text:"取消",minWidth:200}));


三、事件
render:当前对象被构造后触发(设计时事件)。
renderto(构造参数):将当前对象所生成的HTML对象存放在指定的对象中(运时时事件)。
两者不能同进使用,否则render不起作用。

三、构造参数
items:指定包含在面板中组件的配置数组如textField。
buttons:指定包含面板中按钮的配置数组。
四、应用举例
Ext.onReady(function(){
var _panel
= new Ext.Panel({
title:
"人员信息",
frame:
true,
width:
400,
height:
300
})
_panel.addButton({text:
"确定"});
_panel.addButton(
new Ext.Button({text:"取消",minWidth:200}));
_panel.render(Ext.getBody());
}) ;
Ext.onReady(function(){
var _panel
=new Ext.Panel({
title:
"登陆",
renderTo:Ext.getBody(),
frame:
true,
width:
560,
height:
130,
layout:
"form",
lableWidth:
45,
defaults:{xtype:
"textfield",width:180},
items:[{fieldLabel:
"帐号"},{fieldLabel:"密码"}],
buttons:[{text:
"确定"},{text:"取消"}]

})
})



相关阅读:
不要忘了为你的JavaScript命名
javascript实例 “飞舞”特效
生成目录树结构的类
脚本编程 4 驱动器
Atlas中有趣且无用的功能:Sys.UI.Window类
IE bug table元素的innerHTML
Asp.Net 和 AJAX.Net 的区别
array_multisort实现PHP多维数组排序示例讲解
CSS三层布局模型
IIS6架设网站常见问题及症状举例
vbs字符串操作小考题
二级域名原理以及程序
学习YUI.Ext基础第一天
jquery中获取select选中值的代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 追女孩子的关心短信 军训心得体会:成长篇 我的理想 陈泽琪作文700字 我班流行写小说读后感 影响农村税费改革成效的六大矛盾 月亮和云朵 有哲理的好段 中秋的月作文400字 杨柳的作文 陌生的亲情 高一作文:路在脚下延伸作文900字 初一入团志愿书600字 我的廖老师 法学毕业生自我鉴定 高中三年自我评价 乡政府减负惠农政策落实工作计划 假如世界上没有战争 那场兵荒马乱,扰乱了谁的城池 春节逼婚怎么办?愿所有的女孩都可以嫁给爱情 人生处世要谨记,为人做事心要细 幼儿园2015万圣节活动策划方案 如浮萍,如孤鸿 宴杨驸马山池(一作陈羽诗,又作朱湾诗) 汽车公司企业代表在车展活动周开幕式上的致辞讲话 看淡者清欢 描写冰雪的优美句子 去泰国的清迈旅游 往事 圣诞节作文:给圣诞老人的一封信(8) 男人们放下您那尊贵的面子(2) 偷听牛郎织女悄悄话 求职面试的自我介绍 总结写作的基本要求 一世情缘——翰墨风采 我的表妹------叶冠华作文300字 《项脊轩志》教案(会员上传) 痴情秋月(散文诗) 成长岁月,青春无悔作文950字 “肥肉”与“耳朵” 2015初三学生入团申请书500字 “建学习型企业,争当服务先锋”演讲比赛总结 怎样撰写竞职演讲稿 开学典礼领导讲稿 :适应新常态 做出新业绩 与幻想在一起(中考题现场试写) 你的天使是谁?作文700字 八年级语文教学工作总结_教学工作总结 那把红雨伞 凝望月色如银,读你字里情深 政法委政法科科长先进事迹材料 童年的笑声作文400字

Copyright © 2016 phpStudy |