dom4j读取xml文件，用extjs以树的形式显示

1.xml文件形式

 

2.利用dom4j来解析xml文件

（1）准备dom4j-1.6.1-sources.jar包

（2）读取xml文件，获取document对象

SAXReader reader=new SAXReader();Document document=reader.read(new File(xmlPath));

3.要想将xml文件转化为json，就是将xml文件先转化为Java对象，然后再转化为json

4.建一个product对象

private String id;private String name;private String parentRef;private List<Product> children;

此处set、get方法省略，

5.获取文档的根节点

Element ele=document.getRootElement();//迭代当前节点下面的所有子节点Iterator<Element> iterator = node.elementIterator(); while(iterator.hasNext()){  Element element = iterator.next();Product product = new Product();product.setName(element.attributeValue("name"));//属性名称 product.setId(element.attributeValue("id"));product.setParentRef(element.attributeValue("parentRef"));//System.out.println(product.toString());proList.add(product);   getNodes(element,proList);  }

6.获得所有的节点之后，将所有的节点放入rootProducts（这是个List集合）中，然后将节点转化为product对象

for(Product rootProduct:rootProducts){List<Product> children = new ArrayList<>();for(Product childProduct:rootProducts){//System.out.println(rootProduct.toString());//根据属性来确认父子关系if(rootProduct.getId().equals(childProduct.getParentRef())){children.add(childProduct);}Product pro=new Product();rootProduct.setChildren(children);}if("".equals(rootProduct.getParentRef())){parentProductList.add(rootProduct);}}

7.接下来就该把product对象转化为JSONObject

（1）在product对象内写一个方法toJson（）；

public JSONObject toJson(){JSONObject jsonObject=new JSONObject();jsonObject.put("id", this.getId());jsonObject.put("text", this.getName());if(this.children!=null){JSONArray jsonArray=new JSONArray();for(Product child:this.children){jsonArray.add(child.toJson());}if(!(jsonArray.isEmpty())){jsonObject.put("leaf", false);jsonObject.put("expanded", true);jsonObject.put("children", jsonArray);}else{jsonObject.put("leaf", true);}}return jsonObject;}

（2）进而得到所有节点的JSONObject

public static String getJSON(List<Product> productList){JSONArray json=new JSONArray();for(Product pro:productList){json.add(pro.toJson());}JSONObject rootObj=new JSONObject();rootObj.put("children", json);rootObj.put("text", "项目");rootObj.put("expanded", true);String jsonStr=rootObj.toString();//System.out.println(rootObj.toString());//System.out.println(jsonStr);return jsonStr;}

8.在jsp页面上获取到该jsonStr然后用extjs展示出来

Ext.onReady(function () {//树的节点数据源var node =<%=jsonNode %> //树面板(本地数据源)var treelocal = new Ext.tree.TreePanel({title: '项目分类', //rootVisible: false, root: node });             //单表var form = new Ext.form.FormPanel({frame: true,//title: '项目分类',style: 'margin:10px',items: [treelocal],buttons: [{text: '确定',handler: function () {selectNode = treelocal.getSelectionModel().getSelectedNode(); if(selectNode==null){lert("请选择项目类型~");}else{var nodeIdPath=selectNode.getPath();var length=nodeIdPath.split("/").length;var nodeNamePath="";for(var i=1;i<length;i++){var arr=nodeIdPath.split("/");//根据id找到节点，获取节点的textvar arrName=treelocal.getNodeById(arr[i]).text;nodeNamePath+=arrName+"/";}nodeNamePath=nodeNamePath.substring(0,nodeNamePath.length-1)window.opener.document.getElementById("projectSorts").value=nodeNamePath;window.close();}}},{text: '取消',handler: function () { window.close(); }}] }); //窗体 var win = new Ext.Window({//title: '',width: 476,height: 574,resizable: true,//modal: true,closable: false,maximizable: false,minimizable: false,items: form});win.show();});

       

       

9.最后展示的结果是：