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>

...全文

1051 7 打赏收藏转发到动态举报

写回复

用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