ext panel
来源:互联网 发布:windows live mail 编辑:程序博客网 时间:2024/06/05 16:09
Ext.onReady(fn);
function fn(){
new Ext.Panel({
title:"120急救中心管理系统",
collapsible:true,
renderTo:Ext.getBody(),
x:200,
y:100,
width:500,
height:400,
frame:true,
floating:true,
//添加下面的代码到panel配置参数中
tools:[{id:"save"},{id:"help"},{id:"up"},{id:"close",handler:function(){Ext.MessageBox.alert("工具栏按钮","工具栏上的关闭按钮时间被激发了")}}],
draggable:{
insertProxy:false,
onDrag : function(e){
var pel = this.proxy.getEl();
this.x = pel.getLeft(true);
this.y = pel.getTop(true);//获取拖动时panel的坐标
//拖动不显示黑影
var s = this.panel.getEl().shadow;
if (s) {
s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
}
},
endDrag : function(e){
this.panel.setPosition(this.x, this.y);//移动到最终位置
}
},
bodyCfg: {
tag: 'center',
cls: 'x-panel-body', // Default class not applied if Custom element
html: 'Message'
},
footerCfg: {
tag: 'h2',
cls: 'x-panel-footer', // same as the Default class
html: 'footer html'
},
footerCssClass:'custom-footer', // additional css class, see {@link
footerStyle:'background-color:red', // see {@link #bodyStyle}
tbar:[{text:"按钮1"},{text:"按钮2"}], //顶部工具栏
bbar:[{text:"按钮1"},{text:"按钮2"}] //底部工具栏
});
}
- Ext.Panel
- ext:panel
- ext panel
- ext panel
- Ext Panel
- Ext.Panel
- ext--panel
- Ext.Panel
- Ext.Panel
- Ext.Panel
- Ext.Panel的主要功能
- 面板(Ext.Panel)
- Ext.Panel学习
- ext panel 简单布局
- Ext:新建单个Panel
- Ext.Panel组件详解
- Extjs学习 Ext.Panel
- Extjs学习 Ext.Panel
- Android:多语言对应
- How to compare two strings with Linq to Entity
- IIS6.0对asp上传文件大小的限制的解决方法
- JSP+Oracle 环境搭建2 -- 安装 Tomcat
- VMware6.5 + ubuntu8.04 构建嵌入式linux开发环境
- ext panel
- magento -- 客户无法使用contact us 发邮件
- 微博听众过10w
- SQL中索引的原理
- 冒泡排序——C++
- 第二十五章 离线并发与锁机制
- 分析国内IT各领域软件企业的挣钱实力
- Login failed for user 'sa'. Reason: Not associated with a trusted SQL Server connection. [SQLSTATE 28000] (Error 18452). The st
- 以Mime方式列印Excel