dojo - Dojo 1.8：加入列表 domConstruct.toDom

Question

嗨，我在应用 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>');

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

Answer 1

你为什么要加入这两个列表？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");