layui数据表格编辑完,刷新数据

在用layui开发时,修改完表格数据后,表格没有显示我们修改完的数据。怎么办,只能去查看layui文档,终于看到了我想要的方法。如下图所示:

layui数据表格编辑完,刷新数据_第1张图片

以下是我的方法级渲染:而上图中的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("用户数据获取失败!!!");
			}
});

这样就可以完美解决编辑后表格数据不刷新问题了

你可能感兴趣的:(Layui)