想要動態(tài)的根據(jù)xml文件來創(chuàng)建一棵Tree,采用dojo的Tree這個widget來作為載體實現(xiàn)，本以為很簡單的工作卻沒有想到的麻煩。
1.使用js來load xml文件

function loadXML(xmlFile)
{
    var xmlDoc;
    if(window.ActiveXObject)
    {
        xmlDoc    = new ActiveXObject('Microsoft.XMLDOM');
        xmlDoc.async    = false;    //這里千萬需要注意，非同步的選項，默認為true，后面Note 1會有解釋
        xmlDoc.load(xmlFile);
    }
    else if (document.implementation&&document.implementation.createDocument)
    {
        xmlDoc  = document.implementation.createDocument('', '', null);
        xmlDoc.async=false;
        xmlDoc.load(xmlFile);
    }
    else
    {
        return null;
    }
   
    return xmlDoc;
}

function checkXMLDocObj(xmlFile)
{
    var xmlDoc    = loadXML(xmlFile);
    if(xmlDoc==null)
    {
        alert('Explore do not support xml file load');
    }
    return xmlDoc;
   
}
 
function parseXML(xml) {
 var xmlDoc    = checkXMLDocObj("/Tree/data.xml"); // 這里是文件，默認根節(jié)點叫做data
 var data = xmlDoc.getElementsByTagName("data");
createTreeFromXML(data.item(0));   //這里是一個很tricky的方式取到xml文件的根節(jié)點
var s = dojo.widget.byId("dataTree").selector;    //發(fā)現(xiàn)動態(tài)的給dojo的tree node加selector非常困難，但突然發(fā)現(xiàn)dojo tree默認給每一個節(jié)點都有selector，所以直接取來用
dojo.event.connect(s, 'select', 'treeNodeSelected');    //就是一個字了，爽
}

function createTreeFromXML(root) {
  var tree = dojo.widget.byId("dataTree");
  if(tree == null)
   alert("null");              
  else
   tree.destroy();
  tree = dojo.widget.createWidget("Tree", {id: "dataTree", toggle: "wipe", expandLevel: 3});          //創(chuàng)建tree
  dojo.byId("tree").appendChild(tree.domNode);                                                                          /放置tree
  
  var rootNode = dojo.widget.createWidget("TreeNode", {title: root.localName});
  tree.addChild(rootNode);
  appendChild(root,rootNode);          //開始循環(huán)遞歸的創(chuàng)建tree的子節(jié)點
 }
 
 function appendChild(father,fatherTreeNode) {
  var sub;
  var subTreeNode;
  if(window.ActiveXObject) {
   for(var i = 1; i < father.childNodes.length; i=i++) {            //這里有一個很惡心的事情，就是ie 和firefox了，一個父節(jié)點，在ie中g(shù)et the child nodes,works fine
    sub = father.childNodes[i];
    var title = sub.localName;             
    subTreeNode = dojo.widget.createWidget("TreeNode",{title: title});             
    fatherTreeNode.addChild(subTreeNode);
    appendChild(sub,subTreeNode,objectID);
   }
  }
  else {
   for(var i = 1,j=1; i < father.childNodes.length; i=i+2,j++) {    // 在firefox中獲取，要間隔為2，中間總是多出一個濫竽充數(shù)的家伙
    sub = father.childNodes[i];
    var title = sub.localName;                                                     //使用localName屬性
    subTreeNode = dojo.widget.createWidget("TreeNode",{title: title});    //生成新的子節(jié)點
    fatherTreeNode.addChild(subTreeNode);                                      
    appendChild(sub,subTreeNode);                                                        //遞歸
   }
  }
  return;
 }

Note:
1. 在load xml文件的時候非同步參數(shù)一定要設(shè)置為false,否則很可能會發(fā)生在xml文件還沒有l(wèi)oad完之后就調(diào)用處理從而發(fā)生找不到節(jié)點的error
2. ie和firefox的dom child node 問題也值得注意，以后會再研究一下問什么會發(fā)生這種問題。