layui树形表格支持非异步和异步加载。

使用示例如下：

layui.config({

base: '/uui/treetable-lay/module/'

}).extend({

treetable: 'treetable-lay/treetable'

}).use(['treetable'], function () {

var treetable = layui.treetable;

treetable.render({

treeColIndex: 1,

treeSpid: 0,

treeIdKey: 'code',

treePidKey: 'pcode',

treeIsLeafKey: 'isleaf',

treeDefaultClose: false,

treeLinkage: false,

treeNodeAsync: true,

elem: '#list',

toolbar: '#toolbarList',

url: '/admin/regions',

method: 'post',

parseData: parseData,

cols: [[

{field: 'id', title: 'ID', width:80}

,{field: 'name', title: '名称', width: 288}

,{field: 'code', title: '编码', width:168}

,{field: 'abbr', title: '简称', width: 100}

,{field: 'created_at', title: '添加时间'}

]]

});

treetable.on('toolbar(list)', function(obj){

if(obj.event == 'expandOne'){

treetable.expandOne('#list');

} else if(obj.event == 'expandAll'){

treetable.expandAll('#list');

} else if(obj.event == 'foldOne'){

treetable.foldOne('#list');

} else {

treetable.foldAll('#list');

}

});

});

180807-Quick-Task 动态脚本支持框架之Groovy脚本加载执行

Quick-Task 动态脚本支持框架之Groovy脚本加载执行 上一篇简答说了如何判断有任务动态添加.删除或更新,归于一点就是监听文件的变化,判断目录下的Groovy文件是否有新增删除和改变,从而判 ...

180729-Quick-Task 动态脚本支持框架之任务动态加载

Quick-Task 动态脚本支持框架之任务动态加载 前面几篇博文分别介绍了整个项目的基本架构,使用说明,以及整体框架的设计与实现初稿,接下来则进入更细节的实现篇,将整个工程中核心实现捞出来,从为什么 ...

D3树状图异步按需加载数据

D3.js这个绘图工具,功能强大不必多说,完全一个Data Driven Document的绘图工具,用户可以按照自己的数据以及希望实现的图形,随心所欲的绘图. 图形绘制,D3默认采用的是异步加载,但 ...

layui的几个简单使用(简单弹窗,加载效果,移除加载效果)

1.加载效果和移除加载效果 function layuiLoading(msg){ layui.use(['layer', 'form'], function(){ index = layer.loa ...

mpvue支持小程序的分包加载

目录 clone mpvue-quickstart 模板 分包体验 现有项目的分包改造 这个功能可以说是让我们这些用 mpvue 的等的很焦灼,眼看着项目的大小一天天地逼近 2M,mpvue 还不能很 ...

001_Chrome 76支持原生HTML 图片懒加载Lazy loading

Table Of Content 什么是懒加载? 语法参数及使用方式? 有哪些特点? 与js有关的实践 什么是懒加载? 技术背景 Web应用需要经常向后台服务器请求资源(通过查询数据库,是非常耗时耗资 ...

js实现所有异步请求全部加载完毕后，loading效果消失

在实际开发中,一定有情况是这样的,一个页面我们有多个地方请求了ajax,在这种情况下,我们要实现数据没来之前出现我们炫酷的loading效果,而且要等到所有的ajax都请求完毕后,才让我们的loadi ...

LayUI中实现上级下拉框动态加载下级下拉框js

js代码: var form = layui.form, layer = layui.layer; form.on("select(上级)", function(data){ va ...

webpack在nodejs中应用(支持es6语法及热加载)

安装 npm i webpack webpack-cli @babel/core babel-loader @babel/preset-env @babel/node clean-webpack-pl ...

随机推荐

一个优秀windows C++程序员的知识体系[转]

转自:一个优秀windows C++程序员的知识体系 思考一个优秀windows C++ 程序员该有哪些知识,可最终发现什么知识都不能少, 看下图: 除了上面知识,程序员还要不断学习, 保持对新知识的 ...

使用ssh协议挂载远程文件目录

安装sshfs 命令:sudo apt-get install sshfs 使用modprobe加载模块 命令:sudo modprobe fuse 设置权限 把下面的 ...

button按钮点击不刷新(前端交流学习：452892873)

确认买单 可实现页面点击不刷新效果

ASP.NET网页发布以及相关问题的解决

今天做了一个统计站点的网页,想要发布一下,中间碰到不少问题,现在和大家分享一下! 这是我想要最终的网页结果: 1.发布站点到桌面(任意路径)       2.安装IIS   3.安装好后,打开IIS, ...

如何清除Windows10中的恢复分区

在Windows搜索框中键入Cmd.出现结果列表. 右键单击命令提示符并选择以管理员身份运行. 在命令提示符下键入diskpart,然后按Enter键. 输入list disk并按Enter键. 出现 ...

Sql_连接查询中on筛选与where筛选的区别

sql中的连接查询分为3种, cross join,inner join,和outer join ,  在 cross join和inner join中,筛选条件放在on后面还是where后面是没区别 ...

文本分类-TensorRT优化结果对比图

做的文本二分类,使用tensorRT进行图优化和加速,输出预测概率结果对比如下: 从结果对比来看,概率值有微小的变化,但不影响最终的分类

hexo搭建个人博客

本文讲述如何用`hexo`搭建个人博客,并托管到`github`.不需要租赁服务器,可完成网站博客的搭建. 安装Hexo安装hexo之前,要先下载安装Node.js和Git,百度搜索找到下载即可.[G ...

Android Studio运行程序，检测不到(夜神、Genymotion)模拟器

用了统一给的android studio,运行程序,检测不到模拟器(夜神). 又新建了一个系统的模拟器,运行,提示ANDROID_SDK_ROOT is undefined 在环境变量中配置之后,夜神 ...

jquery ajax 的封装

var tooAjaxData = new Object(); tooAjaxData = function () { this.AjaxUrl =" ";}; bookInfoC ...