DOJO的layout

作者在 2008-05-13 16:01:10 发布以下内容

        注意那段CSS代码是需要放入的,不然浏览器会无法正常显示。

<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Layout</title>

<style type="text/css">

@import "dojo/dijit/themes/tundra/tundra.css";

@import "dojo/dojo/resources/dojo.css"

</style>

<style type="text/css">

html, body, #mainDiv {

width: 100%; height: 100%;

border: 0; padding: 0; margin: 0;

}

</style>

<script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>

<script type="text/javascript">

dojo.require("dojo.parser");

dojo.require("dijit.layout.LayoutContainer");

dojo.require("dijit.layout.ContentPane");

dojo.require("dijit.Toolbar");

dojo.require("dijit.layout.SplitContainer");

dojo.require("dijit.layout.AccordionContainer");

</script>

</head>

<body class="tundra">

<div dojoType="dijit.layout.LayoutContainer" id="mainDiv">

<div dojoType="dijit.Toolbar" layoutAlign="top">Toolbar</div>

<div dojoType="dijit.layout.SplitContainer" orientation="horizontal" layoutAlign="client">

<div dojoType="dijit.layout.AccordionContainer">

<div dojoType="dijit.layout.AccordionPane" title="New">new</div>

<div dojoType="dijit.layout.AccordionPane" title="Edit">edit</div>

<div dojoType="dijit.layout.AccordionPane" title="Alerts">alerts</div>

</div>

<div dojoType="dijit.layout.SplitContainer" orientation="vertical">

<div dojoType="dijit.layout.ContentPane" title="table">table</div>

<div dojoType="dijit.layout.ContentPane" title="preview">preview</div>

</div>

</div>

</div>

</body>

</html>

DOJO | 阅读 3265 次
文章评论,共0条
游客请输入验证码