`
dellsoft
  • 浏览: 112888 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

extjs StatusBar 所在panel 在 south

EXT 
阅读更多
在把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自动最大化panel

    在EXTJS中,"Extjs自动最大化panel"是一种高级布局技术,它允许用户创建一个能够自动适应并填充其容器的面板(Panel)。这种特性对于构建响应式和自适应的用户界面至关重要,尤其在现代Web应用中,用户期望界面能够...

    extjs grid.panel 项目 源码

    在"extjs grid.panel 项目 源码"中,我们可以深入理解如何利用ExtJS构建一个功能完备的数据网格。 Grid Panel是ExtJS中的一个核心组件,它允许开发者以表格的形式展示大量数据,并提供多种交互功能,如排序、分页、...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    extjs tab panel

    综上所述,这篇关于“ExtJS Tab Panel”的博客文章很可能详细讲解了如何创建、配置和操作Tab Panel,同时也可能涉及源码解析和开发工具的使用,帮助读者掌握ExtJS在构建多标签界面时的实践技巧。通过学习这些内容,...

    Extjs 4.11 重写 Panel 添加 click事件

    在ExtJS 4.11框架中,Panel是常见的组件之一,用于构建用户界面的容器。Panel经常被用作其他组件的容器,如按钮、表格、表单等。有时,我们可能需要对Panel进行自定义操作,比如监听并处理Panel上的点击事件。这涉及...

    Extjs 重写Panel添加click事件

    在Ext JS这个强大的JavaScript框架中,Panel是一种常用的组件,用于构建复杂的用户界面。Panel提供了丰富的功能,包括布局管理、工具栏、标题、可配置性等。然而,有时我们需要对Panel进行自定义,例如添加或修改...

    一个简单的EXTJS Panel

    ### EXTJS Panel 知识点解析 #### 一、EXTJS Panel 概念与作用 在前端开发领域,特别是基于JavaScript框架的项目中,EXTJS是一个功能强大的企业级富客户端应用开发框架。它提供了大量的UI组件,使得开发者能够快速...

    extjs3 swfupload panel

    EXTJS3 SWFUpload Panel是一种在EXTJS3框架下实现的多文件上传解决方案。EXTJS是一个流行的JavaScript库,用于构建富客户端应用,而SWFUpload则是一个基于Flash的文件上传插件,它允许用户在不刷新页面的情况下进行...

    extjs4中panel的accordion布局以及treepanel导航

    在EXTJS4中,Panel和TreePanel是两个非常重要的组件,它们在构建用户界面时扮演着核心角色。本文将深入探讨Panel的accordion布局以及TreePanel的动态导航功能,帮助开发者更好地理解和运用这些特性。 首先,让我们...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    解决 extjs2.2 给tree-panel 添加 checkbox 的add-on

    在EXTJS 2.2版本中,Tree Panel是EXTJS框架中用于展示树形结构数据的一个组件,但原生的EXTJS 2.2并未提供内置的复选框(checkbox)功能,这对于需要用户进行多选操作的场景来说是一个限制。标题提到的“解决extjs...

    extJs3升级extjs4方案

    在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout 等等。这些变化使得大型应用程序迁移变得非常困难。 在 ExtJS3 中,我们可以使用 Ext....

    Extjs panel里添加checkboxgrop后台动态获取数据

    Extjs checkboxgrop动态获取后台数据,并默认为全选状态

    extjs Msgbox封装

    在本案例中,“extjs Msgbox封装”指的是将ExtJS的MsgBox功能进行封装,以便更方便地在代码中使用。 在描述中提到的“命名空间封装”,是一种组织JavaScript代码的方式,它有助于避免全局变量污染和冲突。通过创建...

    extjs动态生成model、store、panel

    extjs动态生成model、store、panel;sql拼接等多种技术难点

    ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

    在ExtJS4应用中,JSON常用于在前端和后端之间传递数据。例如,Ext.tree.Panel可能会通过Ajax请求从服务器获取JSON格式的树结构数据,然后动态渲染出树形视图。 Ext.tree.Panel是ExtJS中的一个组件,用于展示树状...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的`Ext.form.Panel`可以用来创建这样的面板,展示和处理用户的输入。 5. **保存与加载**:工作流设计需要有保存和加载的功能。ExtJS的Ajax接口和JSON数据模型可以帮助实现这个功能,将设计的流程图保存为JSON...

    extjs grid.panel 表格

    extJS资源,不适合javascript

    extjs加水印

    "extjs加水印"这一主题涉及到如何在EXTJS框架构建的系统中添加水印功能,以增强数据的安全性,防止敏感信息非法传播。EXTJS是一个强大的JavaScript库,用于构建富客户端的Web应用程序,而水印则是一种有效的方法,...

Global site tag (gtag.js) - Google Analytics