var panel = new Ext.Panel({
title : "面板",
renderTo:"testPanel"//Panel的外层容器一般是DIV或SPAN的
id : "testPanel"
collapsible : true,// 可收缩
collapsed:false,//收缩的
width : 500,
height : 200,
autoScroll : true,// 自动卷轴
frame:true,//渲染框架
border : true,//边框
margins : '0 0 0 0',//边缘
split : true,// 分割条面板组合是经常用到
minHeight : 100,// 最小高度
autoHeight : true,//自动高度以下参数用于Panel的各个部位工具栏
tools : [{// 标题栏按钮
/*
* id常用参数表//已经定义好的按钮id * - toggle
* - close
* - minimize
* - maximize
* - refresh
* - minus
* - plus - help - search - save - print */
id : "refresh",
qtip : 'Refresh form Data',// 快速提示// hidden : true,
handler : function(event, toolEl, panel) {
// close logic }
}],// 标题栏按钮
tbar : [//工具条按钮
{
/* xtype参数用与匿名类创建(非常重要)
-tbfill填充空白
-tbseparator分割线
-tbtext文本说明
*/
xtype : 'tbtext',
text : '工具条'
},{//不指定xtype属性则默认为按钮(Button)
pressed : true,
text : '删除'
}],//工具条按钮
bbar : [//底部工具条
{
/* xtype常用参数
* -tbfill//填充空白
* -tbseparator//分割线
* -tbtext//文本说明
*/
xtype : 'tbtext',
text : '底部工具'
},{//不指定xtype属性是默认为按钮
pressed : true,
text : "新建"
}]//底部工具条
}
)
分享到:
相关推荐
一个简单的EXTJS Panel,对于入门的学者来说,是个很好的例子。
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
ExtJS Panel常用方法,需要的朋友可以参考下。
系统的安全问题必备,现在很多系统查询后可以直接拍照流传,拍照可以防止流转
Extjs 4.11 重写 Panel 添加 click事件
使用extjs做的一个分割窗体的例子,入门型的,
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
用户信息添加的表单 内有效果图 extjs 常用控件的使用 table layout 作业9
Extjs 重写Panel添加click事件
解决Ext中tabPanel关闭后再次打开的2种方式。详情见文件,很小的txt文本。
基于extjs form表单的项目源码
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
NULL 博文链接:https://zhonghuart.iteye.com/blog/1663377
extjs动态生成model、store、panel;sql拼接等多种技术难点
18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) ...
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例
extJS资源,不适合javascript
第七讲.ExtJS面板Panel 第八讲.EXtJS布局模式-Auto布局、Fit布局、Accordion布局 第九讲.ExtJS布局模式-Card、Anchor、Absolute 第十讲.ExtJS布局模式-Column、Table、Border 第十一讲.ExtJS布局模式-Box布局、...