如何创建和Dojo一个div创建?(How do i create a div with dojo

2019-09-02 01:29发布

我想生成从这个例子经由道场创建(包括H1和UL)的divNodes0 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);

迎接汤姆

Answer 1:

如果你想通过编号来查找节点,您通常需要使用dojo.byId('someId')

到第三参数dojo.create可以是れ(像您正在使用)或DOM节点的ID: dojo.create('h1',{},'divNodes0','first')

根据您的使用情况dojoType属性好像你要使用“小工具”,而不是DOM节点。 窗口小部件一般是与很容易重复使用domnodes建在造型和事件处理的模板。 实例化和放置小部件很简单:

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');


文章来源: How do i create a div with dojo create?
标签: html dojo