`
tmartin
  • 浏览: 104470 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Extjs 让panel填充整个页面

 
阅读更多 
		new Ext.Viewport( {
		layout : 'fit',
		items:mainGrid,//需要添加的组件
		renderTo:Ext.getBody()
		});

 组件不能直接布局到整个页面，使用renderTo:Ext.getBody()也没有效果。需要依靠viewport来布局支撑。

分享到：
| j将自己的web项目部署到tomcat根目录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Extjs自动最大化panel

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

    extjs tab panel

    Tab Panel支持多种内置布局，如`fit`（适合填充整个空间）和`card`（用于Tab切换）。你可以根据需求选择合适的布局。 5. **事件监听**： Tab Panel和Tab都提供了丰富的事件，如`tabchange`（切换Tab时触发）和`...

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

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

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

    layout: 'fit', // 使用fit布局，使得panel完全填充tabpanel items: [] }); ``` 2. **定义动态加载的函数** 创建一个函数，用于根据需求加载指定的面板或HTML内容。这个函数可以接收一个参数，如面板ID或配置...

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

    在这个实例中，Ext.tree.Panel可能被用来展示由Accordion布局管理的各个类别，每个类别下可能包含一系列子项，这些子项通过与后台Servlet或Struts2的交互，用JSON数据填充。 总结来说，这个实例展示了如何将前端的...

    Extjs5.0 Mini 轻量级 使用方式概述 引用讲解 Extjs5.0 gray

    layout: 'fit', // 布局方式，这里采用'fit'布局，让内容完全填充容器 items: [{ xtype: 'panel', title: '我的面板', html: '你好，世界!' }] }); ``` 关于ExtJS 5.0的破解，这是不道德且违法的行为。ExtJS...

    extjs4-教程

    在上述示例中，使用了`layout:'fit'`，它使得内部组件填充整个viewport。ExtJS4还有如`border`、`card`等多种布局选项，开发人员可以根据需要选择适合的布局来设计界面。 通过上述知识点的学习和实践，可以为接下来...

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

    ExtJS 4 是一个强大的JavaScript库，用于构建富客户端应用程序。它提供了丰富的组件库和复杂的布局管理机制，使得开发者能够创建复杂、响应式的用户界面。本文将深入探讨两种ExtJS 4中的布局方式：Accordion布局和...

    Extjs主界面生成导航

    1. 生成功能导航：在Extjs中，我们可以使用Tree Panel组件来生成导航菜单。首先，需要拖拽一个Tree Panel到“west”占位符中，以便在主界面中显示导航菜单。 2. 建立“导航模型”：在Extjs中，我们需要建立一个模型...

    extjs4打印grid插件

    打印Grid插件是为了满足这种需求而设计的，它允许开发者扩展ExtJS4 Grid Panel的功能，使其具备打印能力。这个插件通常包含一系列方法和配置选项，用于自定义打印样式、布局以及要打印的数据范围。 在"extjs4-ux-...

    extjs仿桌面系统

    在仿桌面系统中，可能需要使用如"fit"布局来填充整个屏幕，或者使用"border"布局来实现类似Windows任务栏的效果。同时，EXTJS还支持自定义布局，允许开发者根据需求定制特定的组件布局。 数据管理是EXTJS的另一大...

    ExtJs2.0学习系列

    在ExtJS 2.0版本中，这个框架提供了丰富的组件库、强大的数据管理以及灵活的布局管理，使得开发者能够创建功能强大、界面友好的网页应用。本系列的学习资料将深入探讨ExtJS 2.0的核心特性与应用技巧。 一、组件系统...

    Extjs kindeditor整合 demo

    2. 创建ExtJS组件：定义一个面板（Panel）或者其他合适的组件，作为KindEditor的容器。 3. 初始化KindEditor：在ExtJS的回调函数中，使用KindEditor的API来初始化编辑器，指定容器元素（通常是ExtJS组件的DOM元素）...

    ExtJS2.0实用简明教程（chm）文档

    本教程主要针对ExtJS 2.0版本，这是一个在2008年发布的版本，虽然较新版本有更多改进，但2.0版本的基础概念和核心功能仍然是理解整个框架的关键。 "ExtJS2.0实用简明教程（chm）文档"可能是这个压缩包中的主要资源...

    extjs xtype

    18. `viewport` - `Ext.ViewPort`：视口组件，用于填充整个浏览器窗口。 19. `window` - `Ext.Window`：浮动窗口，可以包含任意组件并提供关闭、最小化等操作。 除了`xtype`，`Ext.QuickTips.init()`是EXTJS中的一...

    免费 Extjs4.0教程视频

    - Ajax是一种在无需重新加载整个网页的情况下，就能够更新部分网页的技术。 - Extjs中使用Ajax进行异步数据交互的方法。 - **实战案例**： - 展示如何使用Extjs内置的Ajax请求方法发起请求，并处理响应。 #### ...

    extjs实践大量实例讲解

    ### ExtJS 实践大量实例讲解 #### 概述 ExtJS 是一款用于构建现代 Web 应用的强大框架，它提供了一系列丰富的 UI 组件、数据处理功能以及与后端交互的能力。本文将通过大量的实例来讲解如何使用 ExtJS 来开发高...

    Extjs4详解.pdf

    在Fit布局中，为子元素设置具体的宽度或高度是无效的，因为布局会忽略这些设置以确保子元素填充整个容器。如果Fit布局中包含多个组件，那么只有第一个组件会被显示，其他的组件将会被忽略。Fit布局适用于那些需要子...

    extjs中的多选列表

    layout: 'fit', // 填充整个视口 items: [list] }); } }); ``` 以上代码创建了一个多选列表，用户可以通过单击列表项或使用复选框进行多选。EXTJS提供了丰富的API和事件监听机制，可以根据需求进行更复杂的定制...

Magicbox
Global site tag (gtag.js) - Google Analytics