<HTML>
<HEAD>
<TITLE>使用EXT输出HelloWorld</TITLE>
<!-- 导入extjs配置 … ... -->
<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
var panel = new Ext.Panel({
width: 600,
height: 500,
title: '父面板',
layout: 'border',
renderTo: 'form',
items:[{
title: '面板一',
region: 'north',
height: 100
},{
title: '面板二',
region: 'south',
height: 70
},{
title: '面板三',
region: 'west',
split: true,//可以拉大拉小
collapsible: true,//一点就隐藏一点就出现
width: 150
},{
title: '面板四',
region: 'east',
width: 100
},{
title: '面板五',
region: 'center',
layout: 'border',
items:[{
title: '子面板1',
region: 'west',
width: '50%',
split: true
},{
title: '子面板2',
region: 'center'
}]
}]
});
});
</script>
</HEAD>
<body id="form">
</body>
</HTML>
分享到：
相关推荐
资源名称：ExtJS布局之border实例内容简介：border布局是常见的布局样式，本文档中一个实际项目的示例，比较简单，仅供初学者参考。感兴趣的朋友可以过来看看。自动生成行号，支持checkbox全选，动态选择显示哪些列...
资源名称：ExtJS布局之border实例 中文WORD版内容简介：border布局是常见的布局样式，本文档中一个实际项目的示例，比较简单，仅供初学者参考。感兴趣的朋友可以过来看看资源截图： 资源太大，传百度网盘了，链接在...
ExtJS布局之border实例 border布局是常见的布局样式，下面是一个实际项目的示例，比较简单，仅供初学者参考。 前两天遇到一个border布局的界面问题，如下： west是一个tree a，center是一个tree b和一个Panel，...
本节介绍 Ext的Border布局以及如何创建一个Viewport。 1、Viewport介绍： Viewport 是一类特殊的容器。它创建后会自动填充到整个页面区域，并能自动适应页面缩放。一般作为用用程序全局容器使用。 2、Border布局...
ext2+,树,tree,布局,border
EXT制作的布局，使用border layout, 稍做改动即可添加到自己的项目里， 简单实用。让你感受EXT的强大
一、Border布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素...
这是一些用C++写的布局类，包含Border,Box,Flow,Grid,Stack五种布局，它们可以嵌套，通过结合Margin可以完成一些常见的界面布局效果，如居中，拉伸，居左，居右等。 各个对象布局的机制很简单（主要包括calc和adjust...
原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形。 二、使用布局技术 使用CSS3 圆角技术实现。 使用CSS3样式单词：border-radius 语法： div{border-radius:5px} 对图片设置...
Border布局由类Ext.layout.BorderLayout定义，布局名称为border。
经常用到上下左右，中间填充满这样的布局，在java swing中有BorderLayout，HTML中通常使用CSS来实现布局，但要实现border layout这样的效果有些麻烦，很多第三方实现，比如easyui, extjs，功能过于强大，我只是想要...
如果想学好Div+CSS布局就下这个资源 诚信可靠 Div+CSS布局入门教程资源.rar Div+CSS布局入门教程.doc Div + Css 布局示例 .rar(现成的例子n+1种) 使用面向对象的技术创建高级Web...5页面制作-用好border和clear.doc
ExtJS2.0一共包含十种布局，常用的布局有border 、 column 、 fit 、 form 、 card 、 tabel等布局
C# WPF中常用的几种布局容器 StackPanel 、Border 、Wrap Panel 、DockPanel
ECLIPSE+ZK布局实例: <?page title="玄门神数"?> <window title="" border="normal" width="100%" height="100%"> 玄门神数" border="normal" > ,100px"> 左上 左下 右边 </zk>
为UIView追加选择指定边的border, 适配autoLayout
),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南...