WEB开发网
开发学院软件开发Java 使用 Dojo 提供的灵活多样的布局方式 阅读

使用 Dojo 提供的灵活多样的布局方式

 2010-08-06 00:00:00 来源:WEB开发网   
核心提示: FloatingPane (dojox.layout.FloatingPane)FloatingPane 是可以随意移动的 TitlePane。清单 11. FloatingPane: 声明法示例…<head><linkrel="stylesheet&q

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> 

上一页  2 3 4 5 6 7 8 9 10  下一页

Tags:使用 Dojo 提供

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接