博客

在做系统的过程中，有个页面要用到树状图功能，该页面需要通过树状图来向用户展示其中已定义好的各种商品类型，以便于用户对商品的分类以及了解。为此我在网上找了各种各样的树状图插件，有layui的原声js树状图，也有的是网上的大神们自己原创的。找了大概一个多小时，最终确定：使用以JQuery函数插件为基础而运行的zTree树状图插件，如下图：


左侧的框框内就是zTree树状图了，右边的文字则是使用的配置参数，如果要为树状图加上额外的扩展性功能的话，更改或增加配置项便可。但在修改配置项之前还是要多看看zTree的配置说明，了解清楚后再使用，这一点很重要。首先需要了解的是zTree中的功能性代码(附带解释)：

var setting = {
            
            view: {
//selectedMulti:(设置是否允许同时选中多个节点。默认值：true)
                selectedMulti: false
            },
            edit: {
//enable:(设置 zTree 是否开启异步加载模式。默认值：false)
                enable: true,
                //showRemoveBtn:(设置是否显示删除按钮，默认值：false)