1### 问题描述
开发一个模块,用到了layui的数据表格, 绑定数据表格工具条之后需要使用layui弹出层弹出一个表单来修改某个条目的各种数据,请问在表带提交修改完成之后,如何刷新对应条目在数据表格中的值呢?
尝试过的方法
layui虽然有obj.update()方法,但是好像没有办法直接使用修改数据接口返回的json数据【如下代码段success回调里的data】来更新,不知道怎样获得相应的数据表格obj条目了。
相关代码
form.on('submit(submit_edit)', function(data){
var formData = data.field;
formData['_token'] = "{{ csrf_token() }}";
$.ajax({
url: '/order_edit_save', //编辑保存
method: 'POST',
data: formData, // {'info_key': 'info_val', ... }
beforeSend: function() {
layhelper.loadD('正在提交'); //弹出加载层
},
success: function(data) {
//data : { 'code': 0, 'msg': 'success', 'data': [ 'info_key': 'info_val', ... ] }
layer.closeAll('loading'); //关闭加载层
layer.msg(data.msg); // ‘success’
table.reload('order_data_grid');
},
error: function() {
layer.closeAll('loading'); //关闭加载层
layer.msg('修改失败');
table.reload('order_data_grid');
}
});
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
请问在这种情况下, 有没有什么办法实现修改窗体的表单提交成功之后刷新数据表格中对应条目修改后的值,或者说我的思路有问题吗? layui不是十分的熟悉。谢谢指教。