参考:https://www.cnblogs.com/shj-com/p/7878727.html
下载
下载该插件的地址是：http://www.bootcdn.cn/jquery.serializeJSON/
使用
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"></script>
-html
<head>
<script type="text/javascript" src="../common/jquery-easyui-1.5.3/jquery.serializejson.min.js"></script>
</head>
<div
style="width: 55%; height: 300px;"
data-options="closed:true,modal:true,closable:false">
<div >
</form>
</div>
</div>
-JS
//回显
function editDistAward(){
for(let i=0;i<rows.length;i++){
}
//返回时清空
function backView(){
if(backFlag==1){
$.messager.confirm("操作提示", "编辑的数据将不会保存,确定返回吗?", function (data) {
if(data) {
$("#distTable").empty();
$('#distAwardDetail').dialog('close');
backFlag=0;
}else{
return;
}
});
}else{
$("#distTable").empty();
$('#distAwardDetail').dialog('close');
}
}
//删除一行
function deleteRow(t){
backFlag=1;
$(t).parent().parent().remove();
}
//新增一行
function addRow(){
let $tr = $('<tr>'+
'<td> 业绩起点(￥)(含)：</td>'+
'<td><input class="easyui-numberbox" name="assessVoList[][achieStart]"'+
');
$table.append($tr);
$.parser.parse($table);//重新渲染,否则easyUI样式失效
}
获取数据
let obj=$('#distAwardform').serializeJSON();//转为json对象
obj=obj.assessVoList;
let json = JSON.stringify(obj);//转为json字符串
ps:
input的那么属性一定要assessVoList[][属性名这种方式] 否则无效,有大神知道原因的话还请赐教,多谢.