如何使bootstrap-treeview按节点ID排序，保留JSON数据原有顺序？

别担心，这完全可行！bootstrap-treeview默认确实会对节点按文本名称进行排序，这就是为什么你的有序JSON传入后顺序被打乱了。下面给你两种靠谱的解决方法：

方法1：通过配置禁用默认排序 #

首先检查你使用的bootstrap-treeview版本，大部分新版本都提供了sort配置项，只需要在初始化时将其设为false，就能禁用插件的自动排序逻辑，直接沿用你传入的JSON顺序：

// 初始化树视图时添加sort配置
$('#yourTreeElement').treeview({
  data: yourPreOrderedJsonData,
  sort: false // 关键：关闭默认排序
});

如果你的版本没有这个配置项，那就试试下面的源码修改方法。

方法2：修改插件源码移除排序逻辑 #

找到bootstrap-treeview的源码文件（通常是bootstrap-treeview.js），搜索负责节点排序的代码段。一般会有类似这样的排序函数：

// 插件中原有的排序代码，可能在处理节点数据的函数里
nodes.sort(function(a, b) {
  return a.text.localeCompare(b.text);
});

把这段代码直接注释掉或者删除，保存后重新引入插件。这样插件就不会再对节点进行排序，完全按照你传入的JSON数组顺序渲染菜单。

额外注意事项 #

确保你的JSON数据结构是数组形式（而非对象），因为JavaScript中数组是有序的，而对象的键在旧环境下不保证顺序。你的节点数据应该类似这样的结构：

[
  {
    "text": "一级节点A",
    "children": [
      { "text": "二级节点A1" },
      { "text": "二级节点A2" }
    ]
  },
  {
    "text": "一级节点B",
    "children": []
  }
]

这样无论用哪种方法，都能完美保留你想要的节点顺序啦！

内容的提问来源于stack exchange，提问作者metin