JQuery Tree如何處理節(jié)點排序

jQuery Tree 插件提供了一種簡單的方法來處理節(jié)點的排序。以下是如何使用 jQuery Tree 插件對節(jié)點進行排序的步驟：

1. 首先，確保您已經(jīng)在您的項目中包含了 jQuery 和 jQuery Tree 插件。您可以從以下鏈接下載這些庫：

   • jQuery: https://jquery.com/download/
   • jQuery Tree: https://github.com/vakata/jstree

2. 在您的 HTML 文件中創(chuàng)建一個用于承載樹結(jié)構(gòu)的容器：

<div id="tree"></div>

3. 在您的 JavaScript 文件中，初始化 jQuery Tree 插件并加載數(shù)據(jù)：

$(document).ready(function() {
  $("#tree").jstree({
    "core": {
      "data": [
        {
          "id": "node1",
          "text": "Node 1",
          "children": [
            { "id": "node1-1", "text": "Node 1.1" },
            { "id": "node1-2", "text": "Node 1.2" }
          ]
        },
        {
          "id": "node2",
          "text": "Node 2",
          "children": [
            { "id": "node2-1", "text": "Node 2.1" }
          ]
        }
      ]
    }
  });
});

4. 使用 sort 方法對節(jié)點進行排序。您可以在任何事件（例如按鈕點擊）上調(diào)用此方法。以下示例演示了如何根據(jù)節(jié)點的文本進行排序：

function sortNodes() {
  $("#tree").jstree(true).sort(function(a, b) {
    return a.text.localeCompare(b.text);
  });
}

5. 將排序功能綁定到按鈕或其他事件：

<button onclick="sortNodes()">Sort Nodes</button>

現(xiàn)在，當(dāng)您點擊 “Sort Nodes” 按鈕時，樹結(jié)構(gòu)中的節(jié)點將根據(jù)其文本進行排序。您可以根據(jù)需要修改 sort 函數(shù)以按照其他屬性對節(jié)點進行排序。