bootstrap treeview动态生成子节点

yaotomo 2018-07-25 02:18:45

如果一下子加载出来，数据量太大，需要3分钟左右
我想将最顶层的节点先显示出来，然后点击节点就再去查数据库，将该节点的子节点再带出来
最好查询过一次，就缓存起来第二次不用再查询
请问有前辈做过吗？或者有别的建议指点。

...全文

808 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

伊原蝶恋 2019-09-21

打赏
举报

请问怎么解决的呢，我每次点击之后都是添加在根节点下面

橙_ 2019-04-23

打赏
举报

必须要与后台结合吗...就没有前端自己可以生成得文件夹对话框?

Sure&July 2018-08-31

打赏
举报

求分享啊。。急急急

yaotomo 2018-08-13

打赏
举报

已经解决，有人来接分吗

yaotomo 2018-07-25

打赏
举报

https://my.oschina.net/u/3242594/blog/886961

这里有个addNode方法，我用了下，只能添加到最顶层的树节点上，指点父节点也不管用



//加载行政区域树数据

function loadTreeData(levelname) {

    $.ajax({

        url: './handler/GetAdministrationData.ashx',

        dataType: 'json',

        data: {

            action: "getalldata",

            levelname: levelname

        },

        async: false,

        type: 'GET',

        success: function (response) {

            var tree = [];

            for (var i = 0; i < response.Table.length; i++) {

                var node = {

                    text: response.Table[i].Name_Zh,

                    icon: "glyphicon glyphicon-stop"

                };

                tree.push(node);

            }



            $('#tree').treeview({

                data: tree,

                onNodeSelected: function (event, node) {

                    var subnode = [{

                        text: 'test'

                    }];

                    $('#tree').treeview('addNode',  [1,{

                        node : {

                            text : '000'

                        }

                    }]);

                }

            });

        }

    });

yaotomo 2018-07-25

打赏
举报

上面的写错了，应该是



//加载行政区域树数据

function loadTreeData(levelname) {

    $.ajax({

        url: './handler/GetAdministrationData.ashx',

        dataType: 'json',

        data: {

            action: "getalldata",

            levelname: levelname

        },

        async: false,

        type: 'GET',

        success: function (response) {

            var tree = [];

            for (var i = 0; i < response.Table.length; i++) {

                var node = {

                    text: response.Table[i].Name_Zh,

                    icon: "glyphicon glyphicon-stop"

                };

                tree.push(node);

            }



            $('#tree').treeview({

                data: tree,

                onNodeSelected: function (event, node) {

                    var subnode = [{

                        text: 'test'

                    }];

                    $('#tree').treeview('addNode', subnode,node);

                }

            });

        }

    });

}