ext2.0 布局问题求教

yueyang 2007-10-04 02:48:15
我使用了2.0的borderlayout中的一个例子,由于它只给出了js部分代码,因此我根据其它例子自己写了HTML和JS的完整代码,但是问题是运行html代码后运行不正常,不知道是什么原因还望高人指点一二。

LAY.JS代码如下:

Ext.onReady(function(){
var border = new Ext.Panel({
title: 'Border Layout',
layout:'border',
renderTo: document.body,
items: [{
title: 'South Panel',
region: 'south',
height: 100,
minSize: 75,
maxSize: 250,
margins: '0 5 5 5'
},{
title: 'West Panel',
region:'west',
margins: '5 0 0 5',
cmargins: '5 5 0 5',
width: 200,
minSize: 100,
maxSize: 300
},{
title: 'Main Content',
region:'center',
margins: '5 5 0 0'
}]
});
});


html代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>layout</title>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />

<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->

<script type="text/javascript" src="ext/ext-all.js"></script>

<script type="text/javascript" src="lay.js"></script>

<!-- Common Styles for the examples -->


</head>
<body>

<div id="south">
......
</div>
<div id="west">
......
</div>
<div id="center">
......
</div>


</body>
</html>
...全文
1048 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq22345111 2007-12-08
  • 打赏
  • 举报
回复
一般都自己写
呵呵
同事使用CSS+DIV布局!
yueyang 2007-12-07
  • 打赏
  • 举报
回复
ext虽然很出色,但是它的局限性还是很大,用起来并不是那么随意。
netharry 2007-10-21
  • 打赏
  • 举报
回复
今天正好用到:
Ext.onReady(function(){
var border = new Ext.Panel({
title: 'Border Layout',
layout:'border',
applyTo:'container', //
。。。


<div id="container" > </div>
touch_92java 2007-10-19
  • 打赏
  • 举报
回复
在Ext2.0里面 Viewport类是新增的一个类,是Container类的子类。Viewport类其实就是将页面body作为一个Ext对象,然后通过该对象管理 body上的布局对象。Viewprot类的默认面板是panel面板,因为panel并没有指定特定的布局,所以要通过layout属性指定布局,并在 items中定义的面板对象定义中加入该布局的定义。Layout属性可选的范围值为container、anchor、form、border、 column、fit、accordion、card和table。
取消了panel作为布局对象的使用。而是使用Viewport替代了原来的panel作为布局的接口!
期待Ext2.0的月底正式版本的出现!不过可能不会比测试版本有更多的类库了哈!但还是期待ing。。。。
tempture 2007-10-08
  • 打赏
  • 举报
回复
ext.panel中的layout只有table,grid,form之类的,可以在详细读下他的文档
luoou2001 2007-10-06
  • 打赏
  • 举报
回复
拿来实现什么功能的啊?
yueyang 2007-10-04
  • 打赏
  • 举报
回复
看来这是个BUG了,改成VIEWPOINT就一点问题都没有,就是不能用panel。没法了看来得等到月底看正式版是否有问题了。

52,792

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧