java treetable_00035-layui+java 树形表格treeTable(异步请求)

表格div:

js,引入treeTable

layui.config({

base: '${ctxLayui}/layuiadmin/'

}).extend({

index: 'lib/index'

}).use(['index', 'table','dict','laydate','util','treeTable'], function(){

var $ = layui.$,table = layui.table,form = layui.form;

var dict = layui.dict;

var laydate = layui.laydate;

var admin = layui.admin;

var util = layui.util;

var treeTable = layui.treeTable;

表格：

var insTb = treeTable.render({

elem: '#businessMenuListTable',

tree: {

iconIndex: 1, // 折叠图标显示在第几列

idName: 'id', // 自定义id字段的名称

pidName: 'parentId', // 自定义标识是否还有子节点的字段名称

cols: [

{type: 'checkbox', fixed: 'left'},

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

{field: 'url', title: '路径'},

{field: 'perm', title: '按钮权限', width: 200},

{field: 'type', title: '菜单类型', width: 100,templet:tplType},

{field: 'sortOrder', title: '排序', width: 100},

{field: 'status', title: '状态', width: 100,templet:tplStatus},

{title:'操作', toolbar: '#businessMenuListTable-bar', width:120}

reqData: function(data, callback) {

// 在这里写ajax请求，通过callback方法回调数据

var pid = data?data.id:0;

var children = data?(data.children?data.children:null):null;

if(children && children.length>0){

return callback(children);

}

var url = ctx+'/business/businessMenu/queryByAll';

var rtn = admin.syncReq(url,{parentId:pid});

var rtnData = rtn.data;

$.each(rtnData,function (index,item) {

if(item.type!=4){

item.haveChild = true;

}

})

callback(rtnData);

}

,height: 'full-99'

});

点击节点，会调用：reqData

然后根据条件， callback(rtnData); 会重新渲染列表。

java treetable_00035-layui+java 树形表格treeTable(异步请求)相关推荐

实现layui的树形表格treeTable
实现layui的树形表格treeTable,layui中有可以使用 'tree','table' , 进而使用layui.treeGird实现 layui.treeGird({elem: '#dem ...
maven工程 java 实现文件上传 SSM ajax异步请求上传
java ssm框架实现文件上传实现:单文件上传.多文件上传(单选和多选),并且用 ajax 异步刷新,在当前界面显示上传的文件首先springmvc的配置文件要配置上传文件解析器: 1 < ...
树形表格treeTable插件实现固定列功能
因为要做树形表格使用treeTable插件,但目前插件作者还没有更新表格固定列的功能,恰巧项目又需要实现表格固定列这一需求,所以自己写了能实现固定列的函数. <script>//固定列fu ...
java 表格树_00030-layui+java 树形表格treeTable
下载后,treeTable.js.treeTable.css 的放置目录分别为: layuiadmin/modules/treeTable.js layuiadmin/modules/treeTabl ...
java tree 表格_00030-layui+java 树形表格treeTable
下载后,treeTable.js.treeTable.css 的放置目录分别为: layuiadmin/modules/treeTable.js layuiadmin/modules/treeTabl ...
[Layui]JS实现Layui树形表格treetable演示下载
地址: 添加链接描述后面写一篇完整的前后端处理DEMO
jQuery框架+DWR框架实现的Java Web中的Ajax效果（异步请求，局部刷新）
一简介和实现效果这里用一个小例子来简单举例说明,做一个搜索引擎搜索提示效果,通过不断输入字符,然后在下方给出搜索提示.效果图如下: 通过上图可以看到,当输入一个"a"时,提示了 ...
bootstrap 树形表格渲染慢_layUI之树状表格异步加载组件treetableAsync.js（基于treetable.js）...
概述后台框架中使用树状表格是非常常用的操作,layUI本身并没有这种组件. 第三方的treetable.js做到了完美的实现,但是不能实现在双击时异步加载数据,本文就是站在了巨人的肩膀上实现的异步加 ...
ajax异步处理代码实现,原生JS代码实现一个Ajax异步请求
异步加载的方式 (1) defer,只支持IE (2) async: (3) 创建script,插入到DOM中,加载完毕后callBack 实现ajax之前必须要创建一个 XMLHttpRequest ...
layui树形懒加载_layui树形表格支持非异步和异步加载
layui树形表格支持非异步和异步加载. 使用示例如下: 展开全部展开一层折叠全部折叠一层 layui.config({ base: '/uui/treetable-lay/module/' } ...

java treetable_00035-layui+java 树形表格treeTable(异步请求)

java treetable_00035-layui+java 树形表格treeTable(异步请求)相关推荐

最新文章

热门文章