ztree 点击重载 layui table

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD><TITLE> ztree_demo </TITLE><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css"><link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"  media="all"><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="jquery.ztree.core.js"></script><script type="text/javascript" src="query.ztree.excheck.js"></script><script type="text/javascript" src="jquery.ztree.exedit.js"></script>
<script src="layui.js" charset="utf-8"></script>
<script>
layui.use(['table'], function () {var table = layui.table,$ = layui.jquery,layer = layui.layer;var re=table.render({elem: '#test',url:'/app/mini/index.php?c=base&a=user',cols: [[{field:'NAME', title:'用户名称'},{field:'PRIV_NAME', title:'角色'}]],page: true});//根据ID重载table     function tableReload(treeId){table.reload('test', {page: {curr: 1 //重新从第 1 页开始},where: {ID: treeId}}, 'data');}var zTree;var demoIframe;var setting = {view: {dblClickExpand: false,showLine: true,selectedMulti: false},data: {simpleData: {enable: true,idKey: "id",pIdKey: "pid",rootPId: ""}},callback: {beforeClick: function (treeId, treeNode) {var zTree = $.fn.zTree.getZTreeObj("tree");if (treeNode.isParent) {zTree.expandNode(treeNode);return false;} else {console.log(treeNode.id);tableReload(treeNode.id);return true;}}}};$(document).ready(function () {$.ajax({url:'接口地址',type:'POST',success:function(data){menuNode=$.parseJSON(data); console.log(menuNode);var t = $("#tree");t = $.fn.zTree.init(t, setting, menuNode);}})    });});</SCRIPT>
</HEAD>
<style>
html, body{width: 100%;height: 100%;
}
</style>
<BODY>
<div  style="height=100%;"><span style="width:15%;float:left"><ul id="tree" class="ztree" style="width:460px; overflow:auto;"></ul></span><span style="width:80%;float:left;"><table class="layui-hide" id="test" lay-filter="demo"></table></span></div></BODY>
</HTML>

ztree 点击重载 layui table相关推荐

layui table表格重载
layui table表格重载前端 <button id="selectbyCondition" data-type="reload" class=&q ...
点击不同的统计类型重载layui表格
点击不同的统计类型重载layui表格开发工具与关键技术:Visual Studio 2015 作者:徐晶旗撰写时间:2019年8月17日在做项目的时候涉及到了统计分析,比如要分析经营利润分析,里 ...
Layui table数据重载实现
类似局部刷新数据,常用与搜索框的使用,刷新查找的数据官方文档参考运行效果参考: 数据表格的重载 HTML <div class="form-box"><div ...
layui table.reload 数据重载遇到的问题
layui官方提供重载的代码是这样的: var $ = layui.$, active = {reload: function(){var demoReload = $('#demoReload'); ...
解决 layui — table 单击行选中radio 与点击 radio 选中行
最近做项目用到了layui 里面的 table ,点击某一行选中当前行的radio,解决办法如下: layui.use('table', function(){var table = layui.ta ...
layui table行点击tr_layui框架table表格实现单击行选中checkbox功能
layui.table.on('row(operateEvent)', function (obj) { var tableDiv; var index = $(obj.tr.selector).at ...
layui table 表格模板按钮的实例代码
文章转载:https://www.jb51.net/article/170530.htm 今天小编就为大家分享一篇layui table 表格模板按钮的实例代码,具有很好的参考价值,希望对大家有所帮助 ...
php layui table,layui table 相关问题汇总
1.表格内容自动换行完美解决默认情况下,layui table表格内容超出表格宽度会自动省略号隐藏需要鼠标放到单元格上,出现次图标然后再点击,才会显示全部,用起来不方便解决方法: 未页面添加c ...
ajax怎样获得表头信息,layui.table动态获取表头和列表数据示例
layui.table动态获取表头和列表数据示例 2020年07月14日 | 萬仟网IT编程 | 我要评论 ```javascript//表格layui.use('table', function() ...

ztree 点击重载 layui table

ztree 点击重载 layui table

ztree 点击重载 layui table相关推荐

最新文章

热门文章