layui treetable(表格树)查询
//treetable使用 layui.use(['layer', 'form', 'table', 'admin', 'treetable'], function () { var $ = layui.jquery; var layer = layui.layer; var form = layui.form; var table = layui.table; var admin = layui.admin; var treetable = layui.treetable;
// 搜索按钮点击事件 根据输入内容突出显示符合条件的文本 $('#btnSearch').click(function () { var keyword = $('#edtSearch').val(); var $tds = $('#authTable').next('.treeTable').find('.layui-table-body tbody tr td'); if (!keyword) { $tds.css('background-color', 'transparent'); layer.msg("请输入关键字", {icon: 5}); return; } var searchCount = 0; $tds.each(function () { $(this).css('background-color', 'transparent'); if ($(this).text().indexOf(keyword) >= 0) { $(this).css('background-color', 'rgba(250,230,160,0.5)'); if (searchCount == 0) { $('body,html').stop(true);//火狐 ie不支持body,谷歌支持的是body,所以为了兼容写body和html stop()方法停止当前正在运行的动画 $('body,html').animate({scrollTop: $(this).offset().top - 150}, 500); } searchCount++; } }); if (searchCount == 0) { layer.msg("没有匹配结果", {icon: 5}); } else { treetable.expandAll('#authTable'); } }); });
页面显示如图: