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

关于ExtJs的Panel高度问题

 
阅读更多

貌似ExtJs里面的panel之类的组件定义高度时不能用百分比,所以用下面的方法替代:

height:document.body.clientHeight*0.8  或者
height:window.screen.availHeight

 

分享到:
评论

相关推荐

    一个简单的EXTJS Panel

    - **`width` 和 `height`:** 分别设置Panel的宽度和高度。 - **`html`:** 在Panel内部直接插入HTML内容。这里的`'<h1>hello,nicetomeetyou!</h1>'`将在Panel内部显示。 - **`tbar`:** 设置Panel顶部工具栏。这里定义...

    Extjs自动最大化panel

    2. **尺寸配置**:`autoWidth`和`autoHeight`属性分别可以让Panel宽度和高度自适应,当这些属性设置为`true`时,Panel会根据其父容器的尺寸自动调整大小。 3. **事件监听**:可能需要监听窗口或容器的resize事件,...

    Extjs 4.11 重写 Panel 添加 click事件

    1. **创建Panel实例**:首先,创建一个Panel实例,定义其配置属性,如标题、宽度、高度等。例如: ```javascript var panel = Ext.create('Ext.panel.Panel', { title: '我的面板', width: 400, height: 300, //...

    extjs tab panel

    不过,你可以通过提供的链接访问原文,学习更多关于ExtJS Tab Panel的知识。在实际项目中,掌握如何有效地使用Tab Panel能够极大地提高Web应用的用户体验和界面的整洁度。同时,理解源码对于调试和优化组件性能也...

    extjs 常用控件的使用 table layout

    4. **defaults**:为所有子组件设定默认属性,如宽度、高度等。 5. **items**:包含要在布局中使用的控件列表,每个控件可以设置其所在列数和行数。 在“作业9”中,可能涉及了使用Table Layout创建一个用户信息...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    // 更新Panel高度 } } }); var panel = Ext.create('Ext.Panel', { items: [iframe] }); ``` 2. **使用自定义布局**:如果我们发现ExtJS的内置布局无法满足需求,可以自定义布局。创建一个布局管理器,它...

    EXTJS讲解个人项目经历

    EXTJS 是一个强大的JavaScript前端框架,它主要用于构建富客户端应用,提供丰富的用户界面组件和...通过深入理解EXTJS的组件模型、布局管理、数据绑定和远程通信,开发者可以创建出具有高度交互性和响应性的用户界面。

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    ExtJs4.2 下拉框树

    在描述中提到,原生的ExtJs 4.2下拉框在展开时可能会遇到一些问题,比如默认显示根节点、最小高度时无法自动调整高度等。为了解决这些问题,开发者通常需要对源代码进行一些修改。 首先,我们来看`TreePicker.js`这...

    Extjs kindeditor整合 demo

    开发者可以通过这个示例了解如何在ExtJS组件中嵌入KindEditor,设置编辑器的属性,如高度、宽度、样式,以及如何处理编辑器的事件,如文本改变、提交等。 集成步骤大致如下: 1. 引入ExtJS和KindEditor的库文件:在...

    ExtJS 4 技术详解,全面解析ExtJS 4

    Border布局中的north和south区域只能设置高度,west和east只能设置宽度。中心区域(center)会自动填充其他区域留下的空间,并且不允许折叠。为了调整非center区域的大小,可以设置`split: true`,而`collapsible: ...

    extjs+asp例子

    ExtJS 提供了多种预定义的UI组件,如网格、表单、菜单、工具栏等,这些组件都具有高度可定制性和响应式设计。通过使用MVC(Model-View-Controller)架构,开发者可以更好地组织代码,提高代码复用性和可维护性。 2...

    Extjs 3.0 中文API

    1. **组件体系**:ExtJS 3.0的核心是其组件模型,包括各种UI元素如按钮(Button)、表格(Grid)、面板(Panel)、表单(Form)等。这些组件具有高度可定制性,可以通过配置选项来满足不同的需求。 2. **布局管理**...

    Extjs4使用要点个人整理

    以下是我根据提供的文件名整理的关于ExtJS 4的关键知识点: 1. **控件属性**:在`Extjs 控件属性.doc`中,可能会涵盖ExtJS 4中的各种组件(如窗口、面板、表格等)的常用属性。这些属性用于定义组件的行为、外观和...

    EXT 中文手册 搭配ExtJs2.2实例更快将ExtJs入手

    例如,`Ext.Panel`是ExtJs中常用的一个组件,用于创建可嵌套的容器,你可以在这里找到其构造函数、配置选项、方法和事件的详细描述。 “Javascript API”则涵盖了JavaScript语言本身与ExtJs结合使用的相关知识。这...

    extjs仿桌面系统

    首先,EXTJS的组件库包含了各种各样的UI元素,如窗口(Window)、面板(Panel)、菜单(Menu)、按钮(Button)等,这些都是构建桌面系统的基础。例如,我们可以使用窗口来模拟桌面的快捷方式,面板则可以用来创建...

    extjs 源码

    这些组件都是基于EXTJS的组件模型构建的,具有高度可配置性和可扩展性。开发者可以通过调整组件属性、监听事件、覆写方法等方式来定制自己的用户界面。 在源码中,你可以看到EXTJS的组件类体系,它采用了面向对象的...

    Extjs3.0 cookbook

    EXTJS是一个强大的JavaScript库,用于构建富客户端Web应用程序,以其丰富的组件库、强大的数据绑定和高度可定制性而闻名。这本书为读者提供了一系列的实例,通过这些实例,读者可以逐步学习EXTJS的核心概念和技术。 ...

    ExtJs3 演示系统

    ExtJs3提供了一个丰富的组件模型,包括各种UI组件,如窗口(Window)、面板(Panel)、表格(Grid)、表单(Form)、菜单(Menu)等。这些组件都具有高度可定制性,可以通过配置属性和事件来满足不同的需求。例如,...

Global site tag (gtag.js) - Google Analytics