移除表格数据并将表格数据塞入form表单传递给后台

作者 : admin 本文共1359个字,预计阅读时间需要4分钟 发布时间: 2024-06-6 共3人阅读

html

加入 rowdata 字段

<form id="formId" class="form-horizontal">
	<input name="rowdata" type="hidden">
	<div class="ibox-content">
    	<table id="bootstrap-table"></table>
	</div>

js

uniqueId 添加唯一标识字段
实体类加入 rowdata 和 get/set 方法,供后端正确接收数据

$(function () {
var options = {
url: prefix + "/listById/" + uniqueIds,
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
exportUrl: prefix + "/export",
modalName: "员工信息",
uniqueId: 'id',// 添加唯一标识字段
columns: [
{
field: 'id',
title: '主键ID',
visible: false
},
...
...
...
{
title: '操作',
align: 'center',
formatter: function (value, row, index) {
var actions = [];
actions.push(' + editFlag + '" href="javascript:void(0)" οnclick="smsLogs(\'' + row.personName + '\',\'' + row.phonenumber + '\')">短信记录 ');
actions.push(' + row.id + '\')">移除');
return actions.join('');
}
}
]
$.table.init(options);
});
function hideRow(rowId) {
$('#bootstrap-table').bootstrapTable('removeByUniqueId', rowId);
}
/**
* 提交
*/
function submitHandler() {
if ($.validate.form()) {
var rowdata = $('#bootstrap-table').bootstrapTable('getData');
var serialize = $('#formId').serialize();
var serializeObj = {};
// 将serialize字符串转换为对象
serialize.split('&').forEach(function(part) {
var item = part.split('=');
serializeObj[item[0]] = decodeURIComponent(item[1]);
});
serializeObj.rowdata = JSON.stringify(rowdata);
$.post(prefix + "/sendSmsCount", serializeObj, function (res) {
if (res.code) {
$("#workDescriptRequire").val("短信发送成功")
} else {
$("#workDescriptRequire").val("短信发送失败")
}
});
}
}
本站无任何商业行为
个人在线分享 » 移除表格数据并将表格数据塞入form表单传递给后台
E-->