jstree 的json格式

jstree的JSON格式通常包含以下几个属性：

1. id: 节点的唯一标识符，可以是任何字符串或数字。

2. text: 节点的显示文本。

3. icon: 节点图标的URL。

4. state: 节点状态的属性，如是否选中、是否展开等。

5. children: 子节点的数组，每个子节点也是一个JSON对象，包含以上属性。

一个简单的jstree JSON示例：

[
  {
    "id": "1",
    "text": "Parent",
    "state": {
      "opened": true
    },
    "children": [
      {
        "id": "2",
        "text": "Child 1"
      },
      {
        "id": "3",
        "text": "Child 2"
      }
    ]
  }
]

相关问题

.jstree 改变方法默认调用的数据

如果您想要更改 jstree 加载节点数据的方法，默认情况下 jstree 会从 `data` 属性中获取节点数据，您可以通过修改 `data` 属性来更改默认数据。例如：

$('#tree').jstree({
  'core': {
    'data': {
      'url': '/your/custom/data/url.php',
      'dataType': 'json'
    }
  }
});

在上面的代码中，我们通过设置 `data.url` 属性来指定 jstree 加载节点数据时调用的 URL。您可以替换成您自己的 URL。

如果您想要指定自己的数据加载方式，您可以通过 `core.data` 属性中的 `data` 属性来设置自定义数据加载方法。例如：

$('#tree').jstree({
  'core': {
    'data': {
      'data': function(node, callback) {
        // 自定义数据加载方法
        // 您可以在这里调用您自己的数据接口
        // 并在获取数据后使用 callback 回调函数返回数据
        var data = [
          { 'id': 'node_1', 'text': 'Node 1' },
          { 'id': 'node_2', 'text': 'Node 2' },
          { 'id': 'node_3', 'text': 'Node 3' }
        ];
        callback.call(this, data);
      }
    }
  }
});

在上面的代码中，我们通过设置 `core.data.data` 属性来指定自定义的数据加载方法。在方法中，我们可以调用自己的数据接口，并在获取数据后使用 `callback` 回调函数返回数据。请注意，在回调函数中，我们将数据作为参数传递给 `callback` 函数，并使用 `call` 方法将 `this` 设置为当前 jstree 对象，以确保回调函数正确运行。

jstree 怎么保存选中状态 下次页面刷新还原回去

jstree 可以通过选项 `core.state` 来自动保存选中状态。当用户选择节点时，`core.state` 选项会自动将所选节点的 id 保存到浏览器的本地存储中。下次加载页面时，`core.state` 选项会自动将之前保存的选中状态还原。

具体使用方法如下：

1. 在初始化 jstree 时，设置 `core.state` 选项：

$('#jstree').jstree({
  'core' : {
    'state' : {
      'key' : 'myTreeState'
    }
  },
  // 其他选项...
});

其中，`key` 参数指定保存状态时使用的键名。

2. 在页面加载时，从浏览器的本地存储中读取之前保存的状态：

$(function() {
  var treeState = localStorage.getItem('myTreeState');
  if (treeState) {
    $('#jstree').jstree(true).restore_state(JSON.parse(treeState));
  }
});

其中，`restore_state` 方法将保存的状态还原到 jstree 中。需要注意的是，`restore_state` 方法需要传入一个 JSON 对象，因此需要先将从本地存储中读取到的字符串转换为 JSON 对象。

3. 在用户选择节点时，自动保存选中状态：

$('#jstree').on('changed.jstree', function(e, data) {
  localStorage.setItem('myTreeState', JSON.stringify($('#jstree').jstree(true).get_state()));
});

其中，`changed.jstree` 事件会在用户选择节点时触发，`get_state` 方法可以获取当前 jstree 的状态，并将其转换为 JSON 对象。然后将其保存到浏览器的本地存储中。

通过以上步骤，就可以实现 jstree 的选中状态自动保存和还原了。