php layui树形实现,layui组件之树形下拉框

【实例简介】

layui组件之树形下拉框例子,看完你就会写下拉树了。不过同时还需要下载ztree的相关js和style 不过压缩包里都有呢!希望对大家有所帮助

【实例截图】

【核心代码】

layuiztree树形下拉单选多选组件

└── layui扩展组件之树形下拉多选组件

├── index.html

├── QQ图片20190419114008.png

└── static

├── font-awesome

│   ├── css

│   │   ├── font-awesome.css

│   │   └── font-awesome.min.css

│   ├── fonts

│   │   ├── FontAwesome.otf

│   │   ├── fontawesome-webfont.eot

│   │   ├── fontawesome-webfont.svg

│   │   ├── fontawesome-webfont.ttf

│   │   ├── fontawesome-webfont.woff

│   │   └── fontawesome-webfont.woff2

│   ├── HELP-US-OUT.txt

│   ├── less

│   │   ├── animated.less

│   │   ├── bordered-pulled.less

│   │   ├── core.less

│   │   ├── fixed-width.less

│   │   ├── font-awesome.less

│   │   ├── icons.less

│   │   ├── larger.less

│   │   ├── list.less

│   │   ├── mixins.less

│   │   ├── path.less

│   │   ├── rotated-flipped.less

│   │   ├── screen-reader.less

│   │   ├── stacked.less

│   │   └── variables.less

│   └── scss

│   ├── _animated.scss

│   ├── _bordered-pulled.scss

│   ├── _core.scss

│   ├── _fixed-width.scss

│   ├── font-awesome.scss

│   ├── _icons.scss

│   ├── _larger.scss

│   ├── _list.scss

│   ├── _mixins.scss

│   ├── _path.scss

│   ├── _rotated-flipped.scss

│   ├── _screen-reader.scss

│   ├── _stacked.scss

│   └── _variables.scss

├── layui

│   ├── css

│   │   ├── layui.css

│   │   ├── layui.mobile.css

│   │   └── modules

│   │   ├── code.css

│   │   ├── laydate

│   │   │   └── default

│   │   │   └── laydate.css

│   │   └── layer

│   │   └── default

│   │   ├── icon-ext.png

│   │   ├── icon.png

│   │   ├── layer.css

│   │   ├── loading-0.gif

│   │   ├── loading-1.gif

│   │   └── loading-2.gif

│   ├── font

│   │   ├── iconfont.eot

│   │   ├── iconfont.svg

│   │   ├── iconfont.ttf

│   │   └── iconfont.woff

│   ├── images

│   │   └── face

│   │   ├── 0.gif

│   │   ├── 10.gif

│   │   ├── 11.gif

│   │   ├── 12.gif

│   │   ├── 13.gif

│   │   ├── 14.gif

│   │   ├── 15.gif

│   │   ├── 16.gif

│   │   ├── 17.gif

│   │   ├── 18.gif

│   │   ├── 19.gif

│   │   ├── 1.gif

│   │   ├── 20.gif

│   │   ├── 21.gif

│   │   ├── 22.gif

│   │   ├── 23.gif

│   │   ├── 24.gif

│   │   ├── 25.gif

│   │   ├── 26.gif

│   │   ├── 27.gif

│   │   ├── 28.gif

│   │   ├── 29.gif

│   │   ├── 2.gif

│   │   ├── 30.gif

│   │   ├── 31.gif

│   │   ├── 32.gif

│   │   ├── 33.gif

│   │   ├── 34.gif

│   │   ├── 35.gif

│   │   ├── 36.gif

│   │   ├── 37.gif

│   │   ├── 38.gif

│   │   ├── 39.gif

│   │   ├── 3.gif

│   │   ├── 40.gif

│   │   ├── 41.gif

│   │   ├── 42.gif

│   │   ├── 43.gif

│   │   ├── 44.gif

│   │   ├── 45.gif

│   │   ├── 46.gif

│   │   ├── 47.gif

│   │   ├── 48.gif

│   │   ├── 49.gif

│   │   ├── 4.gif

│   │   ├── 50.gif

│   │   ├── 51.gif

│   │   ├── 52.gif

│   │   ├── 53.gif

│   │   ├── 54.gif

│   │   ├── 55.gif

│   │   ├── 56.gif

│   │   ├── 57.gif

│   │   ├── 58.gif

│   │   ├── 59.gif

│   │   ├── 5.gif

│   │   ├── 60.gif

│   │   ├── 61.gif

│   │   ├── 62.gif

│   │   ├── 63.gif

│   │   ├── 64.gif

│   │   ├── 65.gif

│   │   ├── 66.gif

│   │   ├── 67.gif

│   │   ├── 68.gif

│   │   ├── 69.gif

│   │   ├── 6.gif

│   │   ├── 70.gif

│   │   ├── 71.gif

│   │   ├── 7.gif

│   │   ├── 8.gif

│   │   └── 9.gif

│   ├── lay

│   │   └── modules

│   │   ├── carousel.js

│   │   ├── code.js

│   │   ├── element.js

│   │   ├── flow.js

│   │   ├── form.js

│   │   ├── jquery.js

│   │   ├── laydate.js

│   │   ├── layedit.js

│   │   ├── layer.js

│   │   ├── laypage.js

│   │   ├── laytpl.js

│   │   ├── mobile.js

│   │   ├── table.js

│   │   ├── tree.js

│   │   ├── upload.js

│   │   └── util.js

│   ├── layui.all.js

│   └── layui.js

├── plugin

│   ├── css

│   │   └── index.css

│   └── js

│   └── selectTree.js

└── ztree

├── css

│   ├── awesomeStyle

│   │   ├── awesome.css

│   │   ├── awesome.less

│   │   ├── fa.less

│   │   └── img

│   │   └── loading.gif

│   ├── demo.css

│   ├── metroStyle

│   │   ├── img

│   │   │   ├── line_conn.png

│   │   │   ├── loading.gif

│   │   │   ├── metro.gif

│   │   │   └── metro.png

│   │   └── metroStyle.css

│   └── zTreeStyle

│   ├── img

│   │   ├── diy

│   │   │   ├── 1_close.png

│   │   │   ├── 1_open.png

│   │   │   ├── 2.png

│   │   │   ├── 3.png

│   │   │   ├── 4.png

│   │   │   ├── 5.png

│   │   │   ├── 6.png

│   │   │   ├── 7.png

│   │   │   ├── 8.png

│   │   │   └── 9.png

│   │   ├── line_conn.gif

│   │   ├── loading.gif

│   │   ├── zTreeStandard.gif

│   │   └── zTreeStandard.png

│   └── zTreeStyle.css

└── js

├── jquery-1.4.4.min.js

├── jquery.ztree.all.js

├── jquery.ztree.all.min.js

├── jquery.ztree.core.js

├── jquery.ztree.core.min.js

├── jquery.ztree.excheck.js

├── jquery.ztree.excheck.min.js

├── jquery.ztree.exedit.js

├── jquery.ztree.exedit.min.js

├── jquery.ztree.exhide.js

└── jquery.ztree.exhide.min.js

32 directories, 181 files

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值