extjs viewport 一定要有region:'center'的元素

最新推荐文章于 2022-07-23 19:32:04 发布
转载 最新推荐文章于 2022-07-23 19:32:04 发布 · 236 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/rav009/archive/2011/10/10/5131265.html

本文指出在使用ExtJS框架时，Viewport布局管理器必须包含至少一个region:'center'的面板元素，这是实现正确布局的关键。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 extjs viewport 一定要有region:'center'的元素

转载于:https://www.cnblogs.com/rav009/archive/2011/10/10/5131265.html

1361976860
关注
ExtJS border布局之小案例
zhaohuanzh的博客
01-23 371
前言： layout:‘border’。该布局包含多个字面板，是一个面向应用的UI风格的布局，它将整个容器分为5个部分，分别是east,south, west, north, center,加入到容器中的字面板需要指定region配置这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置，并且该布局还内建了对面板分割栏的支持。 一．实现界面： 二．实现思路： １－首先确定整体panel为Viewport,layout:"border"(东南西北中　五个区域) ２
JQuery easy_ui 布局之内容自适应问题
wangting3882811的专栏
01-14 1903
最近做项目，看到很多同学，用到jquery easyui 布局时，内容不能自适应问题，在帮他们调试界面的同时，总结出一些心得： 1.easyui 布局中文参考网址http://www.zi-han.net/case/easyui/layout.html 2.
HTML中的区域、列表与表格
qq_41720345的博客
03-30 695
1、区域（divsion） 比如一个页面的一个栏目板块就是一个区域。 <!--区域中的标签可以统一的进行居中等操作--> <div align="center"> <h1>鬼畜区</h1> <p>奥里给！</p> <p>岛市老八</p> <p>坤坤</p> </di...
easyUI详解教程
woaini886353的博客
05-06 4374
教程 概述 这个教程的目的是说明如何使用easyui框架容易的创建网页。首先，你需要包含一些js和css文件： <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <script type="text/javascript" src="../jquery-1.4.2.min.js"></script> <script type="text/javascrip
JqueryUI简单布局
Miss_kun的专栏
08-25 1197
初次使用Jquery EasyUi，简单的做了个布局页面感觉还不错，给大家分享一下，就是不知道Jquery EasyUi浏览器兼容性怎么样。 最后效果图如下：
ExtJS的使用方法汇总(5)——布局
热门推荐
薛敬明的专栏
09-15 1万+
所谓布局，简单来说就是决定把什么东西放到什么位置上，对于管理软件来说，一般都是首部放标题，左边放菜单栏，空余的右下方用来显示具体的内容。本章将详细介绍EXT中布局的用法。 一、传统的布局方式 我们可以用Ext.Viewport类对整个页面进行整体布局，具体使用方法如下： var viewport=new Ext.Viewport({ layout:'borde
Extjs4.0响应式设计实现：适配不同设备与屏幕的全面解决方案
![Extjs4.0响应式设计实现：适配不同设备与屏幕的全面解决方案]...接着，本文详细分析了响应式设计的CSS策略，如CSS媒体查询的高级应用、针对Extjs组件的样式
ExtJS中的Viewport布局与TabPanel应用
在上述代码中，`Ext.TabPanel`被用作`Ext.Viewport`的一部分，设置在中心区域（region: 'center'）： ```javascript var tabs = new Ext.TabPanel({ activeTab: 0, // 默认选中的标签 region: 'center', margins...
ExtJS入门：Border布局详解与示例
本文档主要介绍了ExtJS中的Border布局，这是一种将容器划分为五个区域的布局方式，分别为东（east）、南（south）、西（west）、北（north）和中心（center）。Border布局由Ext.layout.BorderLayout类定义，其布局...
学习ExtJS border布局
10-29
具体来说，当向容器中添加子元素时，需要为每个子元素指定以下五个region属性之一来表明其在布局中的位置： - "north"：位于容器顶部的区域； - "south"：位于容器底部的区域； - "west"：位于容器左侧的区域； - ...
easyui01(基本布局)
qq_65345936的博客
04-30 1194
easyui01笔记
jQuery easyUI布局（Layout）与手风琴（Accordion）
weixin_54174885的博客
07-23 782
上期讲了easyUI最重要的组件面板，这期讲讲布局和手风琴运用jQueryeasyUI是需要引用文件的，详见上一期。
ExtJs笔记 layout 布局
hu1583141033的专栏
08-12 1000
xtjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种 一、  absolute 顾名思义，在容器内部，根据指定的坐标定位显示 这种方式的布局可以对子元素相对于父级容器控件进行绝对定位，它包含了x、y两个配置项用于定位。 //a
Metashape chunk改变region.center
qq_41475842的博客
08-13 1108
Metashape chunk的坐标系统真是一个谜。 首先，生成的点云是在reference setting中用户所设置的Coordinate System下的。但是chunk.region.center就搞不清楚到底在哪个坐标系下了。这样的话我想通过脚本来改变chunk.region的位置和大小就无从下手了。 于是我不得不去查阅官方提供的API文档，有这么一段： transform 4x4 matrix specifying chunk location in the world coord..
EasyUI -- Layout（布局）
师旭阳_码农日记
07-09 5868
第一章  介绍                    EasyUI -- Layout（布局）将布局容器分成了5个区域，分别是：east（东）、west（西）、south（南）、north（北）和center（中）。center（中）区域是必须的，其他边缘区域都是可选的。每个边缘区域都可以通过拖拽的方式改变大小，也可以点击折叠按钮将面板折叠起来。EasyUI 的布局是很灵活的，可以根据用户的需求
EasyUI学习总结(六)——EasyUI布局
chengluwei3014的博客
09-17 345
一、EasyUI布局介绍 　　easyUI布局容器包括东、西、南、北、中五个区域，其中中心面板是必须的，而东、西、南、北这四个面板是可选的，如果布局里面不需要东、西、南、北这四个面板，那么可以把相应的div删掉，另外，如果需要创建复杂的easyUI布局，那么可以通过嵌套东、西、南、北、中五个...
jqueryEasyUI页面布局1
weixin_30652879的博客
02-25 152
JQueryEasyUI提供的一种非常便捷的方法来完成对系统页面的整体布局。它将页面分为北(north)、东(east)、南(south)、西(west)、中(center)等五个部分，代表页面的上、右、下、左、中间（主工作区）等区域。 搭建布局框架： 　　在使用的时候只需要将<body>元素使用相应的样式，并在<body>中添加几个<div&g...
EXT 做布局设置的一点经验
璀璨星空
12-05 9903
用EXTJS设置界面布局时有时候需要做一些较复杂的布局，同时要求布局中的各个部分能够自适应高度和宽度。最近在公司做了一个项目，用EXT实现portal功能，用户界面要求能够自定义。其中就涉及了一些比较复杂的布局，现做总结如下（Ext 的版本是3.0）：1、使用了border布局panel1中如果嵌套另一个border布局的panel2，那么panel2会显示不出来，我没找出解决办法，如果有哪位高人知道，请贴出来，大家分享。2、界面布局能随浏览器窗口的大小自动伸缩。这个最简单的做法就是将页面上的内容全部放到一
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值