在把StatusBar放到一个Panel上时,如果这个panel在ViewPort中的South ,需要把 Panel的height 设置成 0 否则在ie7中,会有一个13px的空白。
var statusBar = new Ext.Panel({
// autoHeight: true,
[b] height:0,[/b]
// title: 'StatusBar',
region:'south',
// bodyStyle: 'padding:5px;',
bbar: new Ext.StatusBar({
id: 'southStatus',
// defaults to use when the status is cleared:
// defaultText: 'Default status text',
defaultIconCls: 'default-icon',
// values to set initially:
text: '',
iconCls: 'ready-icon',
// any standard Toolbar items:
items: [{
text: '软件',
handler: function() {
window.location = 'http://www.xxx.com.cn';
}
}, '-', {text:new Date().format('Y-m-d')},'-', clock]
}),
listeners:{
'render':{
fn:function() {
Ext.TaskMgr.start({
run:function() {
Ext.fly(clock.getEl()).update(new Date().format('g:i:s A'));
},
interval: 1000
})
}
}
}
});
分享到:
相关推荐
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
Extjs 4.11 重写 Panel 添加 click事件
基于extjs form表单的项目源码
一个简单的EXTJS Panel,对于入门的学者来说,是个很好的例子。
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
Extjs 重写Panel添加click事件
NULL 博文链接:https://zhonghuart.iteye.com/blog/1663377
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
extjs动态生成model、store、panel;sql拼接等多种技术难点
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extJS资源,不适合javascript
extjs资料extjs资料extjs资料extjs资料extjs资料
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篇三) ...
简单的用命名空间封装了下extjs的提示框,欢迎大家下载
网上好不容易才找到的,可以用,而且是EXTJS3下可以使用,和大家分享下,如果用不了,请看看你的FLASH版本,运行TMP.HTM就可以了
panel的accordion布局以及treepanel动态导航示例
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
这些概念的引入在很大程度上改变了传统的Web开发方式,在第3章和第4章中主要学习了ExtJS支持的各种组件,本章将进一步学习ExtJS的面板(panel)及布局类。 面板(panel)是ExtJS中一个很重要的概念,它相当于一幅...