在 jstree 形式中使用自定义 Json 数据

Question

这是我输入的 Json 数据文件的一部分：

{
  "id": "ns=2:s=Configured Tags",
  "text": "Configured Tags",
  "path": "Configured Tags",
  "children": [
    {
      "id": "ns=2:s=[System]",
      "text": "System",
      "path": "Configured Tags/System",
      "children": [
        {
          "id": "ns=2:s=[System]Gateway",
          "text": "Gateway",
          "path": "Configured Tags/System/Gateway",
          "children": []
        }]
    }]
 }

这里我有自定义字段 path，但我还需要一些其他字段，例如 dataType 等

我想 return 作为我的表单的输入值，来自自定义 fields.

的连接字符串

这是我的表单和 jstree 脚本部分：

<form id="form" action="/opc_add_data" method="post">
            <div id="tree"></div>
            <br>
            <button class="btn-flat inverse pull-right" name="submit" id="submit" onclick="return confirm('Are you sure?')" type="submit">Confirm</button>
        </form>


    $('#form').submit(function() {
        var data = $('#tree').jstree(true).get_bottom_selected(true);
        for(var count = 0; count < data.length; count++){
           $(this).append('<input type="text" name="' + data[count]["id"] + '" value="' + data[count]["path"] + '" hidden/>');
        }
        return true;
    });

我的表单流程的一部分 (Python2.7):

        for key in request.form.keys():
        if key != "submit":        
            description.append(re.sub('[^a-zA-Z0-9 \n.]', '_', request.form.get(key)))

如果我尝试获取 data[count]["id"] 和 data[count]["text"] 我会成功，因为 text 和 id 是 the doc 中描述的字段。但是当我尝试使用我的习惯时，我得到 "undefined" 作为值。

我的问题是：我真的可以做我想做的事吗，即通过这种方式获得自定义字段data[count]["path"]？

Answer 1

好吧，调试帮助我找到了自己的答案（好像我问得太快了）：

所有这些 key:value 对，文档定义为自定义定义，都存储在节点对象的 original 属性中。因此我们可以使用以下语法访问自定义（在我的例子中）：

data[count]["original"]["path"]

甚至在 Json 中定义一个新结构：

{
      "id": "ns=2:s=[System]Gateway",
      "text": "Gateway",
      "attr": {
               "path": "Configured Tags/System/Gateway",
               "other": "other_value"
      },
      "children": []
}

然后使用data[count]["original"]["attr"]["path"]

在 jstree 形式中使用自定义 Json 数据

Use custom Json data in jstree form

json

jstree