Dojo 1.8:加入列表domConstruct.toDom

时间:2013-01-15 03:23:36

标签: dojo

您好我在应用domConstruct.toDom之前将两个列表连接在一起有问题。

我知道可以这样做,即:,

    require(["dojo/text!, myListHtml.html", "dojo/domReady!"], 
    function(myListHtml){
     var list = domConstruct.toDom(myListHtml);
    });

但是,我想知道如何编码两个列表,即: -

require(["dojo/domReady!"], function(){
var list = domConstruct.toDom
('<ol>\
   <li class="odd">\
    <div class="bold">\
     <a class="odd">Odd</a>\
    </div>\
   </li>\
   <li class="even">\
    <div class="italic">\
     <a class="even">Even</a>\
    </div>\
   </li>\
  </ol>\

  <ol id="list2">\
   <li class="odd">Odd</li>\
  </ol>');

请指教。提前致谢 克莱门特

1 个答案:

答案 0 :(得分:0)

你为什么要加入这两个名单? domConstruct.toDom()返回一个domNode,但你在上面尝试的是两个domNode。

如果你真的想“组合”它们,可以将它们嵌套在另一个domNode中,如下所示:

var lists = domConstruct.toDom(
'<div>\
   <ol>\
    <li class="odd">\
    ...
   </ol>\
   <ol id="list2">\
    <li class="odd">Odd</li>\
   </ol>\
 </div>');

如果要在页面上“组合”它们,请考虑单独创建它们并使用domConstruct.place()将它们添加到页面中,如下所示:

domConstruct.place('<ol>\
    <li class="odd">\
    ...
   </ol>', "idOfWhateverYouWantToContainIt");

domConstruct.place('<ol id="list2">\
    ...
   </ol>', "idOfWhateverYouWantToContainIt");