ztree 的使用记录(笔记)

1.调用fancytree.js 文件


2. //创建类型tree并调用创建table函数
        initTree();


3./**

         * 初始树形菜单
         */

        function initTree() {

//调用接口获取接口数据

            sutils.bos.do("/bos/sys/familyclass/treeall", {}, function(result) {
                var data = cutils.btmisc.getNestedJSON(result, "id", "pid");
                treedata = [{
                    title: "全部",
                    children: data,
                    folder: 1,
                    expanded: 1,
                    id: "",
                    code: ""
                }];
                //加载树形列表
                $("#tree").fancytree({
                    extensions: ["glyph", "wide"],
                    /*图标配置  和 动画效果*/
                    checkbox: false,
                    /* 是否选中checkbox*/
                    glyph: cutils.fancytree.glyph_opts,
                    /*调用clientytuls.js里面的方法*/
                    selectMode: 2,
                    source: treedata,
                    wide: {
                        iconWidth: "1em",
                        iconSpacing: "0.5em",
                        levelOfs: "1.5em"
                    },
                    create: function(event) {
                        inittable();
                    },
                    activate: function(event, data) { /*单击事件*/
                        //注册单击事件 刷新table内容
                        jQuery('#familytable').bootstrapTable('refresh');
                    },
                    icon: function(event, data) { /*图标改变 查看文档*/ }
                });
            }, function(result) {});
        }

猜你喜欢

转载自blog.csdn.net/m0_37400682/article/details/73468382
今日推荐