JS树选择未选择的项目

Question

我正在使用JsTree复选框，其中包含很多子字段。

当我选择一个字段时，它会自动选择另一字段的子类别。

因此该字段显示为部分选中状态。

  

例如：

     

在我的JsTree中，当我单击“美国”时，它会部分选择   “加拿大”。

请任何人解释此行为。

由于树很大，所以我不粘贴代码，而是张贴JsFiddle URL。 代码：

$(function () {
    $("#tree").jstree({
        "checkbox": {
            "keep_selected_style": false
        },
            "plugins": ["checkbox"],
                                'core': {
                                    'data': {
  "id": "ALL",
  "text": "ALL",
  "children": [] ...

  

JSFiddle：http://jsfiddle.net/1r70vjmx/

谢谢。

Answer 1

简短答案：重复的ID

长答案：jsfiddle示例显示了一些具有重复ID的节点。 jsTree要求您在整个树数据中的所有节点都具有唯一的ID。在您的数据中，美国的安大略省城市和加拿大的安大略省具有相同的ID“安大略省”。如果在这种情况下，将前缀“ us-”应用于美国的所有ID，您将看到问题消失了。