js树形菜单分类勾选插件

js树形菜单分类勾选插件

收藏
js树形菜单分类勾选插件
verTree.js树形菜单插件制作后台权限管理分类菜单选中勾选效果。支持二级、三级等多项分类菜单列表选择代码。原理:根据js数组获取菜单数据列表。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 迷茫
  • 上传时间 6年前

属性说明

new verTree({
     items:"#tree_list",
     type:"data",
     data:[],
     parent:"pid",
     params:"id",
     value:"name"
});  
<table id="tree_list">
 <thead>
 <tr data-tree-list="true" data-tree-changes="true">
     <th data-field="name">名称</th>
     <th data-field="jingle">别名</th>
 </tr>
 </thead>
</table>

1.接口参数:

   i.  items:容器名称(推荐使用id,能够保证只有唯一的一个容器,填写时需要带上修饰符)

   ii. type:数据展示的演示,提供三种选项:

            a. data:普通数据展示(没有选择框,只显示相关数据名称)

            b. form:表单数据展示(有选择框,只显示相关数据名称)

            c.  table:表格列表数据展示,配合data参数中的data-file进行数据展示

    iii. data:原始json数组数据,在数据中必须包含children字段,否则数据树将无法识别

    iv. parent: 父级节点字段名称,默认为parent

    v. params:当前节点主键字段名称,默认为id,

    vi. value:当type不等于table时页面展示的字段名称,默认为name


2.data参数

    i. 说明:data参数主要用于当type等于table时在表格中添加的相关data参数

    ii. data-tree-list: 加载的字段集合数据列表,填写表头tr中

    iii. data-tree-changes:是否出现复选框,填写在表头tr中

    iv. data-field:当前列加载的字段名称,填写在表头td/th中

    v.  更多data参数正在开放中


使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。