extjs desktop 窗口自适应大小
来源:互联网 发布:传智播客java百度云 编辑:程序博客网 时间:2024/06/05 14:19
建立一个窗口,窗口中包含一个id为id:'notepanel'的 newpanel 在窗口大小变化时,监听窗口大小变化事件,并根据变化后的窗口大小,去调整里面panel(可以是某种布局的多个panel)的大小 就实现了窗口内部件自适应窗口大小.
//建立窗口
createWindow: function () {
var desktop = this.app.getDesktop();
var win = desktop.getWindow('notes');
if (!win) {
win = desktop.createWindow({
border: false,
id: 'notes',
title: '记事本',
width: 800,
height: 600,
maximizable: true,
resizable: true,
iconCls: 'icon-notes',
hideMode: 'offsets',
constrain: true,
listeners: { resize: function (t, w, h) { //监听窗口大小变化事件
if (!Ext.isEmpty(Ext.getCmp('notepanel'))) {
Ext.getCmp('notepanel').setHeight(h - 30); //改变窗口内部件的大小
Ext.getCmp('notepanel').setWidth(w - 3);
}
}
},
layout: 'fit',
items: newpanel //窗口内包含的部件
});
}
win.show();
return win;
};
//定义窗口内部件
var newpanel = Ext.widget('form', {
border: false,
bodyPadding: 10,
id:'notepanel', //部件id
width:500,
height:300,
layout: 'column',
....
});
窗口大小变化前后对比
- extjs desktop 窗口自适应大小
- 解决extjs grid 不随窗口大小自适应的问题
- 控件自适应窗口大小
- 自适应窗口大小
- 窗口大小自适应
- ExtJs desktop 显示无框窗口
- flex 组件大小窗口自适应
- 解决虚拟机窗口自适应大小
- easyUI Layout自适应窗口大小
- QMainWindow中窗口自适应大小
- pyqt窗口背景图片自适应大小
- jqGrid随窗口大小变化自适应大小
- extjs中创建自适应大小grid
- ExtJS组件自适应浏览器大小改变
- ExtJs Desktop
- ExtJS Desktop
- 自适应大小的图片弹出窗口
- 使图片自适应窗口的大小
- Javascript中var引发的问题
- Oracle学习笔记安装篇之在Redhat Enterprise Linux 6.4 x86_64下安装Oracle12cR1数据库
- 编译内核常见错误
- uva 10152 ShellSort
- 60个响应式的Web设计教程–能够手机访问!
- extjs desktop 窗口自适应大小
- python学习笔记(二)列表和元组
- Expert C Programming (C专家编程) 读书总结
- AsyncTask 详解
- 深入CACHE
- nofollw的重要性
- Eclipse常用快捷键
- ibatis 实现一对一和一对多(1)
- 关键字super的作用意义