layui tree支持搜索

本人用的layui 2.x ，该版本的tree是直接支持搜索的，只需要开启
showSearch: true,甚至可以不用写搜索框
代码如下：

<script>layui.use(['tree', 'layer'], function () {var layer = layui.layer, $ = layui.jquery, tree = layui.tree;tree({elem: '#demo1' //指定元素, target: '_blank' //是否新选项卡打开（比如节点返回href才有效）, showSearch: true, nodes: [ //节点{name: '常用文件夹', id: 1, alias: 'changyong', children: [{name: '所有未读（设置跳转）', id: 11, href: 'http://www.layui.com/', alias: 'weidu'}, {name: '置顶邮件', id: 12}, {name: '邮件标签邮件', id: 13}]}, {name: '我的邮箱', id: 2, spread: true, children: [{name: 'QQ邮箱', id: 21, spread: true, children: [{name: '收件箱', id: 211, children: [{name: '所有未读', id: 2111}, {name: '置顶邮件', id: 2112}, {name: '标签邮件', id: 2113}]}, {name: '已发出的邮件', id: 212}, {name: '垃圾邮件', id: 213}]}, {name: '阿里云邮', id: 22, children: [{name: '收件箱', id: 221}, {name: '已发出的邮件', id: 222}, {name: '垃圾邮件', id: 223}]}]}, {name: '收藏夹', id: 3, alias: 'changyong', children: [{name: '爱情动作片', id: 31, alias: 'love'}, {name: '技术栈', id: 12, children: [{name: '前端', id: 121}, {name: '全端', id: 122}]}]}]});});
</script>

网页运行，会在树形菜单之上直接生成搜索框，完结。

layui tree支持搜索相关推荐

layui tree 对节点进行搜索
参考地址:https://fly.layui.com/jie/46865/ html 代码 <!DOCTYPE html> <html lang="en"> ...
via浏览器简洁主页html源码支持搜索提示
简介: via浏览器简洁主页源码支持搜索提示,扒的一个简洁好看的via浏览器主页源码,纯html+js无后端源码分享给大家,放到服务器即可运行. 网盘下载地址: http://kekewl.cc/AL ...
layui tree ajax刷新,layer 刷新某个页面的实现方法
layer 刷新某个页面的实现方法一:使用layer.open打开的子页面 window.parent.location.reload()//刷新父页面 var index = parent.lay ...
关于layui不支持IE兼容模式导出问题
layui 导出Excel表格不支持IE兼容模式导出,会提示 IE_NOT_SUPPORT_EXPORTS 错误我这里使用的layui版本是2.5.6,查看layui版本号在table.js的头部文 ...
layui数据表格搜索php代码,layui实现显示数据表格和搜索功能示例
本文实例讲述了layui实现显示数据表格和搜索功能.分享给大家供大家参考,具体如下: 搜索 layui.use('table', function(){ var table = layui.table ...
【Vue】ElementUI el-select 下拉分页加载数据，并支持搜索功能（此处不支持分页）
项目场景: 在公司管理后台需要有一个根据选择客户筛选拥有的服务的功能问题描述: 但是有上千条用户数据,一次性查询加载会导致页面有很长时间(大概4~5s)的空白期,用户体验很不友好. 故需要进行优 ...
程序员欢呼：微软Bing开始支持搜索源码、可直接运行
日常生活中,程序员们经常会遇见这样那样的问题,比如忘记了代码该怎么写,又或者需要实现一些特殊的算法和功能.这时候,你就可以去找微软 Bing 帮忙啦! 微软最近联合 HackerRank 一起研发了一 ...
tp5 + layui 上传图片[支持单张和多张 ]
在以前项目中遇到有上传图片都是用 web Uploader插件上传,因为我现在项目都在使用 layui 所以今天趁着有时间写一个tp5结合layui上传图片的demo 我用的是Tinkphp5.1版本 ...
微信支持搜索后批量删除好友，语音进度条自由拖动
之前很多用户都在吐槽微信缺少一个很重要的功能,那就是批量好友,体验过的人应该深有体会,手机上一个个删除好友的时候,内心有多绝望! 现在微信终于有这个功能了,不过不是在手机上,是在电脑版的微信上! 有需 ...

layui tree支持搜索

layui tree支持搜索相关推荐

最新文章

热门文章