使用 Dojo 提供的灵活多样的布局方式
2010-08-06 00:00:00 来源：WEB开发网清单 2. ContentPane 程序生成法示例
…
<script type="text/javascript">
dojo.require("dijit.layout.ContentPane");
dojo.addOnLoad(function(){
var myFirstContentPane = new dijit.layout.ContentPane({
id: "myFirstContentPane",
href:"testcontentPane.html"
},dojo.byId("myFirstContentPane"));
myFirstContentPane.startup();
});
</script>
<body class="soria">
<div id="myFirstContentPane">
</div>
</body>
在这个例子中，ContentPane 完全实现了 iFrame 的功能，当然，ContentPane 的功能不止这些。值得注意的是：1. 在使用声明法时，不要忘记 dojoType 属性，2. 在使用程序生成法时，不要忘记 startup()，3. 如果 href 页面中 require 的 dojo 控件，在调用页面中必须再 required 一次，否则子页面的 dojo 控件会解析 / 创建失败。
ContentPane 控件有一些经常会用到的属性和方法，下面予以一一介绍：
content – String, DomNode, NodeList
content 顾名思义，就是指 ContentPane 中显示的内容。如果没有定义 href 属性，ContentPane 组件内将显示 content 内容。否则将显示 href 页面的内容。content 可以是 String, DomNode 和 NodeList 三种类型。下面例子给出了 content 使用方法。
清单 3. ContentPane: content 属性示例 1
…
var myFirstContentPane = new dijit.layout.ContentPane({
id: "myFirstContentPane",
content: "Hello, Dojo World!"
},dojo.byId("myFirstContentPane"));
…
中查找“使用 Dojo 提供的灵活多样的布局方式”更多相关内容
中查找“使用 Dojo 提供的灵活多样的布局方式”更多相关内容更多精彩
赞助商链接
