首页 > 其他分享 >bootstrapTable 批量新增时 以填写数据被清空(已解决)

bootstrapTable 批量新增时 以填写数据被清空(已解决)

时间:2023-01-06 13:44:50浏览次数:36  
标签:bootstrapTable obj editColumn 清空 var table 填写 columns

是的  这个问题困住我大概一周的时间 后来绷不住了  但是峰回路转 

用 若依框架前后端不分离版

举例

/*删除选中行*/
function delRow() {
sub.editColumn();
var obj=$('#bootstrap-table');
//获取选中的ID
var ids = $.map(obj.bootstrapTable('getSelections'), function (row) {
return row.index;
});
if (ids.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
//rows选中行的数据对象数组
obj.bootstrapTable('remove', {field: 'index',values: ids });
}

在删除行和添加行的方法最开头 加一句
sub.editColumn();

以下是
sub.editColumn();的具体内容
editColumn: function() {
var count = $("#" + table.options.id).bootstrapTable('getData').length;
var params = new Array();
for (var dataIndex = 0; dataIndex <= count; dataIndex++) {
var columns = $('#' + table.options.id + ' tr[data-index="' + dataIndex + '"] td');
var obj = new Object();
for (var i = 0; i < columns.length; i++) {
var inputValue = $(columns[i]).find('input');
var selectValue = $(columns[i]).find('select');
var key = table.options.columns[i].field;
if ($.common.isNotEmpty(inputValue.val())) {
obj[key] = inputValue.val();
} else if ($.common.isNotEmpty(selectValue.val())) {
obj[key] = selectValue.val();
} else {
obj[key] = "";
}
}
params.push({ index: dataIndex, row: obj });
}
$("#" + table.options.id).bootstrapTable("updateRow", params);
},

ok 问题解决
tips:
editColumn方法不是每个版本都有  但是无所谓  复制过去就能用了

标签:bootstrapTable,obj,editColumn,清空,var,table,填写,columns
From: https://www.cnblogs.com/xuybb/p/17030187.html

相关文章