使用 Dojo 提供的灵活多样的布局方式
2010-08-06 00:00:00 来源:WEB开发网FloatingPane (dojox.layout.FloatingPane)
FloatingPane 是可以随意移动的 TitlePane。
清单 11. FloatingPane: 声明法示例
…
<head>
<link rel="stylesheet" type="text/css" href="ibmdojo/dijit/themes/soria/soria.css">
<link rel="stylesheet" type="text/css"
href="ibmdojo/dojox/layout/resources/FloatingPane.css">
<link rel="stylesheet" type="text/css"
href="ibmdojo/dojox/layout/resources/ResizeHandle.css">
</head>
<script type="text/javascript" src="ibmdojo/dojo/dojo.js"
djConfig="parseOnLoad: true">
</script>
<script type="text/javascript">
dojo.require("dojox.layout.FloatingPane");
</script>
<body class="soria">
<div dojoType="dojox.layout.FloatingPane" id="myFloatingPane"
title="Floating World" closable="true"
resizable="true" dockable="true"
style="position:absolute;top:0;left:0;width:150px;height:150px;">
The Content of the Floating World!
</div>
</body>
更多精彩
赞助商链接