在用layui开发时,修改完表格数据后,表格没有显示我们修改完的数据。怎么办,只能去查看layui文档,终于看到了我想要的方法。如下图所示:
以下是我的方法级渲染:而上图中的username就是要对应我们方法级渲染的field
// 方法级渲染
var tableIns = table.render({
elem : '#LAY_table_terminalConfig',
data : powerUserDataTable,
cols : [ [ {
field : 'tId',
title : 'XXX',
align : 'center',
}, {
field : 'inport',
title : 'XXX',
align : 'center',
}, {
field : 'state',
title : 'XXXX',
align : 'center',
}, {
field : 'XXX',
title : 'XXX',
align : 'center',
}, {
field : 'XXXX',
title : 'XXXX',
align : 'center',
}, {
field : 'phone',
title : '电话',
align : 'center',
}, {
fixed : 'right',
title : '操作',
align : 'center',
toolbar : '#terminalConfigOperation',
} ] ],
id : 'testTerminalConfigReload',
page : true,
toolbar : '#terminalConfigToolBar'
});
我的ajax请求:
//把编辑的数据提交到后台
$.ajax({
url : basePath + '/PowerUser/postPowerUserData.action',
async : false,
cache : true,
type : 'POST',
data : {
cId : selectConcentrator,
tId : selectTerminal,
inport : inport,
accountName : accountName,
householdNumber : householdNumber,
phone : phone,
state : state,
admin : admin
},
success : function(data){
if(data.success){
layer.alert(data.message, {
icon : 1
});
setTimeout(function () {
//关闭所有弹出层
layer.closeAll(); //疯狂模式,关闭所有层
//重新缓存表格数据
obj.update({
inport: inport,
state: state,
householdNumber : householdNumber,
accountName : accountName,
phone : phone
});
}, 1000);
}
},
error : function(){
console.log("用户数据获取失败!!!");
}
});
这样就可以完美解决编辑后表格数据不刷新问题了