根据xpath值创建动态xml树 [英] Creating dynamic xml tree based on the xpath value

问题描述

我想在xpath上创建一个动态xml树.假设我的xpath值为

I want to create a dynamic xml tree base on the xpath. Let's say my xpath value is

Product/Organization/RegisteredDetail/something

我想用以下格式输入值.

and I want to put value in the following format.

<product>
   <organization>
        <registeredDetail>
                    <something>valueOfSomething</something>
        </registeredDetail>
    </organization>
<product>

简而言之，我想通过读取xpath创建一个treeview/tree表.我想将值放在最里面的子项上，并在树结构中显示值的位置，或者仅以树形形式显示子项的位置. xpath的值将有所不同.使用java或jquery的任何建议对我来说都是有价值的.

In short I want to create a treeview/tree table by reading xpath. I want to put the value at the inner most child and show the location of value in a tree structure Or simply the location of the child in a tree form. The value of the xpath will be vary. Any suggestion using java or jquery will be valuable for me.

我试图实现@ThW给出的建议.我做了一些修改:

I tried to implement suggestion given by @ThW. I made some modifications:

var dom = document.implementation.createDocument("", "", null);
var node = dom;

新代码:

var pathmap = new Object(); 
var path1 = 'Product/Organization/RegisteredDetail/something';
var path2 = 'Product/Organization/RegisteredDetail';
var path3 = 'Product/Organization/RegisteredDetail/anything/nothing';
pathmap[path1] = 'Product/Organization/RegisteredDetail/something';
pathmap[path2] = 'Product/Organization/RegisteredDetail';
pathmap[path3] = 'Product/Organization/RegisteredDetail/anything/nothing';

console.log(pathmap);
for (var path in pathmap) {
  var parts = path.split(/\//);

  for (var i = 0; i < parts.length; i++) {
    node = node.appendChild(dom.createElement(parts[i]));
  }
  node.appendChild(dom.createTextNode('valueOfSomething'));
}
var serializer = new XMLSerializer();
console.log(dom);

我得到的输出是

您可以看到树节点在重复.我需要在其中添加valueOfSomething.如果该节点存在，则不要重新创建该节点，只需添加一个新的子节点即可.像这样的东西

As you can see tree nodes are repeating. I need to add the valueOfSomething where it belongs. If the node exist don't recreate that, simply add a new child. something like this

<product>
       <organization>
             <registeredDetail>
                            valueOfSomethng
                             <something>valueOfSomethng</something>
                             <anything>
                                     <nothing>valueOfSomethng</nothing>
                             </anything>
            </registeredDetail>
        </organization>
</product>

我打算将xpath和valueOfSomething的值放在hashMap中.并动态放置"valueOfSomething"的值.

I am planning to put the value of xpath and valueOfSomething in a hashMap. and put the value of 'valueOfSomething' dynamically.

推荐答案

Xpath允许使用更多语法.结果不是必需的，可以将其解析为元素名称列表.例如，/product//something将选择乘积中任何后代的某物节点.

Xpath allows for a lot more syntax. An the result is not necessary something that can be parsed into a list of element names. For example /product//something will select any descendant something node in product.

如果有元素名称的列表，则可以轻松地从中创建节点. XPath可用于获取现有节点:

If you have a list of elements names you can easily create nodes from them. XPath can be used to fetch existing nodes:

function addElementByPath(parent, path, value) {
  var node = parent;
  var parts = path.split(/\//);
  var dom = parent.ownerDocument;
  var existingNode;

  for (var i = 0; i < parts.length; i++) {
    existingNode = dom.evaluate(
      parts[i], node, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null
    ).singleNodeValue;
    if (existingNode) {
      node = existingNode;
    } else {
      node = node.appendChild(dom.createElement(parts[i]));
    }
  }
  node.appendChild(dom.createTextNode(value));
}

var paths = [
  'Product/Organization/RegisteredDetail/something',
  'Product/Organization/RegisteredDetail',
  'Product/Organization/RegisteredDetail/anything/nothing',
  'Some/OtherPath'
];

var dom = document.implementation.createDocument("", "", null);
var root = dom.appendChild(dom.createElement('tree'));

for (var i = 0; i < paths.length; i++) {
  addElementByPath(root, paths[i], paths[i])
}

console.dirxml(dom);

输出:

<tree>
  <Product>
    <Organization>
      <RegisteredDetail>
        <something>Product/Organization/RegisteredDetail/something</something>
        Product/Organization/RegisteredDetail
        <anything>
          <nothing>Product/Organization/RegisteredDetail/anything/nothing</nothing>
        </anything>
      </RegisteredDetail>
    </Organization>
  </Product>
  <Some>
    <OtherPath>Some/OtherPath</OtherPath>
  </Some>
</tree>

这篇关于根据xpath值创建动态xml树的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！