初始化table:
var treetable ="";
var table
//初始化table
layui.config({
base: '${ctx}/static/treeTable/module/', /* 修改为你module文件夹地址*/
}).extend({
treetable: 'treetable-lay/treetable'
}).use(['table', 'treetable'], function () {
var $ = layui.jquery;
table = layui.table;
treetable = layui.treetable;
var uuid1 ='${resMap.UUID}';
// 渲染表格
var renderTable = function () {
layer.load(2);
treetable.render({
size: 'lg', //尺寸
treeColIndex: 0, //设置下拉箭头在第几列
treeSpid: "0", //最上级的父级id
treeIdName: 'deptId', //id字段的名称(自己的id)
treePidName: 'parentId', //pid字段的名称(父亲的id)
treeDefaultClose: true, //是否默认折叠
treeLinkage: false, //父级展开时是否自动展开所有子级
smartReloadModel:true,
elem: '#table1', //表格的id
url: '${ctx}/project/delivered/getBuildGHHSZ?uuid='+uuid1, //数据请求地址,返回json格式数据(映射路径)
page: false,
cols: [ //列数和列名可根据需要更改
[
{field: 'name', width:"40%",align:'left' , title: '文件名称'}, //filed:json数据的key
{field: 'buildname', width:"40%",align:'left' , title: '该文件所对应楼盘'},//filed:json数据的key
{templet: complain, title: '操作'}
]
],
done: function () {
layer.closeAll('loading');
}
});
};
renderTable();
function complain(d){//操作中显示的内容
if(d.buildname!=null && d.buildname!=''){
return [
'<button type="button" class="layui-btn layui-btn-xs layui-bg-blue" style="margin-top:10px;" onclick="deleteBuildGHHSZ(\''+d.deptId+'\')">取消关联</button>',
].join('');
}else{
return '';
}
}
$('#btn-refresh').click(function () {
renderTable();
});
//监听工具条
table.on('tool(table1)', function(obj){ //注:tool是工具条事件名,table1是table表格的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)
var tr = obj.tr; //获得当前行 tr 的DOM对象
if(layEvent === 'del'){ //删除
layer.confirm('真的删除行么', function(index){
obj.del(); //删除对应行(tr)的DOM结构,并更新缓存
layer.close(index);
//向服务端发送删除指令
});
} else if(layEvent === 'edit'){ //编辑
//do something
}
});
});
刷新的时候在html中随便定义一个隐藏的input
<input id="btn-refresh" style="display: none" >
当执行完一个方法执行后调用下 $("#btn-refresh").click();事件----等于是调用了初始化的下边方法
$('#btn-refresh').click(function () {
renderTable();
});
$.ajax({
type: "post",
url: "${ctx}/project/delivered/saveghhsz",
data: buildformdatas,
dataType: 'json',
cache: false,
headers: {
Authorization: sessionStorage.getItem("token")
},
processData: false,
contentType: false,
success: function (data) {
if (data.retFlag == "T") {
getBuildFileghhsd();
$("#btn-refresh").click();
top.layer.alert("上传成功!");
}else{
top.layer.alert(data.retMsg);
}
},
error: function (e) {
top.layer.close(indexly);
top.layer.alert("请求出错!");
}
});
这样组件就重新刷新了。