layui-树型选择器

最新推荐文章于 2024-09-07 14:03:36 发布

小泽泽泽ya

最新推荐文章于 2024-09-07 14:03:36 发布

阅读量1.5k

点赞数

分类专栏： PHP 文章标签： jquery js php thinkphp

本文链接：https://blog.csdn.net/qq_36259105/article/details/108190319

版权

本文介绍了如何在layui框架中使用树型选择器。内容包括数据库设计（id和pid字段），前端展示，以及控制器和Common部分的处理。特别提醒，若数据库中菜单名称字段非'name'，需显式赋值给'name'以避免显示问题。

摘要由CSDN通过智能技术生成

layui-树型选择器

下载treeSelect.js到项目中：在这里插入图片描述

数据库上

在这里插入图片描述
表中必须要有id,和pid,其中pid是父亲节点，存在值为0，就是根，其他字段都可以随意。

前端上

//前端页面上
<input type="text" name="href" id="tree_cat" lay-verify="required" lay-filter="tree" value="" lay-reqtext="选择框的默认提示内容" class="layui-input" >

//   前端script写的内容
layui.config({
   
     base: '路径treeSelect的上一级文件夹的位置'      //公共的文件夹
 }).extend({
                       //需要引入的插件
     treeSelect: 'treeSelect/treeSelect', //这是引入的插件
 });
 
layui.