bootstrap-treeview 树列表总结整理

最新推荐文章于 2025-05-29 11:56:13 发布

原创

最新推荐文章于 2025-05-29 11:56:13 发布 · 8.5k 阅读

5 ·

CC 4.0 BY-SA版权

这篇博客总结了如何使用Bootstrap Treeview展示从后台获取的数据，并提供了相关的参考资料，包括从cnblogs和csdn上的文章链接，帮助读者理解如何实现树列表的构建和数据绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Scripts/bootstrap-treeview/css/bootstrap-treeview.css" rel="stylesheet" />
<!-- JS文件 -->
<script src="~/Scripts/jquery-2.1.3.min.js"></script>
<script src="~/Scripts/bootstrap-treeview/js/bootstrap-treeview.js"></script>
<script src="~/Scripts/artDialog/artDialog.js?skin=simple" type="text/javascript"></script>
<script src="~/Scripts/artDialog/plugins/iframeTools.source.js"></script>

获取后台数据

function load_tree(Txt) {
            $.ajax({
                type: "Post",
                url: "/SMS/GetTreeJson",data: { "searchText": Txt },
                dataType: "json",
                success: function (result) {
                    $('#tree').treeview({
                        data: result,         //