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

核心提示： 浏览器将显示如下信息：图 1. content 属性示例 1清单 4. ContentPane: content 属性示例 2…varmyDomNode=document.createElement("table");//创建一个DomNode,table元素v

浏览器将显示如下信息：

图 1. content 属性示例 1

清单 4. ContentPane: content 属性示例 2

…　
　var　myDomNode　=　document.createElement("table");　//　创建一个　DomNode,　table　元素　
　var　myTD1　=　document.createElement("td");　
　myTD1.innerHTML　=　"Hello,　Dojo　World!";　
　var　myTR1　=　document.createElement("tr");　
　myTR1.appendChild(myTD1);　
　myDomNode.appendChild(myTR1);　//Table　的第一行是”Hello,　Dojo　World!”　
　
　var　myTD2　=　document.createElement("td");　
　myTD2.innerHTML　=　"Hello,　ContentPane　World!";　
　var　myTR2　=　document.createElement("tr");　
　myTR2.appendChild(myTD2);　
　myDomNode.appendChild(myTR2);　//Table　的第二行是”Hello,　ContentPane　World!”　
　myDomNode.border　=　1;　
　
　var　myFirstContentPane　=　new　dijit.layout.ContentPane({　
　id:　"myFirstContentPane",　
　//href:"TestContentPane.html"　
　content:　myDomNode　//　将创建的　DomNode　赋给　content　属性　
　},dojo.byId("myFirstContentPane"));　
…　

浏览器将显示如下信息：

图 2. content 属性示例 2