2013-05-06 61 views
0

我要生成從這個例子通過道場的divNodes0 DIV創建(包括H1和UL):如何用dojo創建一個div?

<body class="mobile"> 
    <div dojoType="dojox.mobile.View" id="mobileView"> 
     <div dojoType="dojox.mobile.ScrollableView" id="divNodes01" scrollDir="v" style="background-color: #d0d0d0;"> 
      <h1 dojoType="dojox.mobile.Heading" fixed="top" id="h1Nodes01"></h1> 
      <ul id="ulNodes01" dojoType="dojox.mobile.RoundRectList"></ul> 
     </div> 
    </div> 
[...] 
</body> 

我嘗試了這種方式(不sucess):

var mobileView = document.getElementById("mobileView"); 
dojo.create("div",{ 
      id: "divNodes0", 
      dojoType: "dojox.mobile.ScrollableView", 
      scrollDir: "v", 
      style: "background-color: #d0d0d0" 
      }, 
      mobileView,"first"); 


var mainNodeDiv = document.getElementById("divNodes0"); 
dojo.create("h1",{ 
      id: "h1Nodes0", 
      dojoType: "dojox.mobile.Heading", 
      back: "zurŸck", 
      moveTo: "divNodes0", 
      fixed: "top", 
      label: "Knoten&uuml;bersicht" 
      }, 
      mainNodeDiv,"first"); 

    dojo.create("ul",{ 
      id: "ulNodes0", 
      dojoType: "dojox.mobile.RoundRectList" 
      }, 
      mainNodeDiv); 

迎接湯姆

回答

2

如果你想通過編號來查找節點,您通常需要使用dojo.byId('someId')

的第三個參數dojo.create可以是れ(如你正在使用)或DOM節點的ID:dojo.create('h1',{},'divNodes0','first')

根據您使用的dojoType屬性好像你要使用「小工具」,而不是DOM節點。小部件通常是一個內置樣式和事件處理的domnode模板,可輕鬆重用。實例化和放置小部件很簡單:

var heading = new dojox.mobile.Heading({ 
    id: "h1Nodes0", 
    dojoType: "dojox.mobile.Heading", 
    back: "zurŸck", 
    moveTo: "divNodes0", 
    fixed: "top", 
    label: "Knoten&uuml;bersicht" 
}); 
heading.placeAt('divNodes0','first'); 
+0

這就是我想要的,非常感謝! – user2219190 2013-05-06 13:32:39