0

dojo create を使用して、この例から divNodes0 div を生成したい (h1 と ul を含む):

<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>

私はこの方法で試しました（成功せずに）：

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

トムに挨拶する

4

1 に答える 1

2

Id でノードを検索する場合は、通常、dojo.byId('someId')

3 番目のパラメーターdojo.createは、domNode (使用しているように) または dom ノードの ID のいずれかです。 dojo.create('h1',{},'divNodes0','first')

属性の使用法に基づいて、dojoTypeDOM ノードではなく「ウィジェット」を使用したいようです。ウィジェットは一般に、簡単に再利用できるスタイリングとイベント処理が組み込まれた 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');
于 2013-05-06T12:19:44.017 に答える