---2022.11.9
1、
现在有一个功能是从下面待选名单中选中，再点击这个添加按钮，就会将这些人添加到上面这个参训名单，然后再给其中每个人手动打分。分打完
BootstrapTable中有两组数据，在下面待选名单数据条目前面中打钩选中，再点击这个"添加至参训名单"按钮，就会将这些人添加到上面这个参训名单，但是这里首先要注意几个点：重复点击按钮重复添加时，会将人重复的添加到参训名单，并且清空方法也不好用，并且当在参训名单翻页时，又会将刚刚选的条目重置
js 删除两个数组中id相同的对象
let arr1 = [{id:'1',name:'json'},{id:'2',name:'book'} ]
let arr2 = [{id:'1',name:'json',age:'15'},{id:'2',name:'book',age:'16'},{id:'3',name:'ani',age:'17'}]
//ES6的方法
let add = arr2.filter(item => !arr1.some(ele=>ele.id===item.id));
cosnole.log(add);
//ES5的方法
for (var i=0; i<arr2.length; i++) {
for (var j=0; j<arr1.length; j++) {
if (arr2[i].id == arr1[j].id) {
arr2.splice(i, 1);
}
}
}
js 找出两个数组中的重复元素
成长中的向日葵
已于 2022-06-30 11:00:29 修改
690
收藏 2
文章标签： javascript 前端 vue.js
版权
const a = [1, 2, 3, 4, 6, 5, 5]
const b = [5, 6, 7, 8, 5, 6, 9]
function repeatElement(a, b) {
let arr1 = []
for (let i = 0; i < a.length; i++) {
for (let j = 0; j < b.length; j++) {
if (a[i] == b[j] && arr1.indexOf(a[i]) == -1) {
arr1.push(a[i])
}
}
}
return arr1
}
console.log(repeatElement(a, b))
1
2
3
4
5
6
7
8
9
10
11
12
13
14
const a = [1, 2, 3, 4, 6, 5, 5]
const b = [5, 6, 7, 8, 5, 6, 9]
function repeatElement1(a, b) {
let arr = []
for (let i = 0; i < a.length; i++) {
if (b.indexOf(a[i]) !== -1 && arr.includes(a[i]) == false) {
arr.push(a[i])
}
}
return arr
}
console.log(repeatElement1(a, b))
BootstrapTable获取表数据
/**
* 初始化SUM表数据
*/
function putDataToStatisticDataTable() {
$("#statisticDataTable").bootstrapTable('getData').splice(0); //清空表数据
var materialchangeitemArr = $("#table-materialchangeitem").bootstrapTable('getData');
var sumAffectHarnessPartNo,sumCost,sumWeight;
var tempStr = ""; //此变量用于判断affectHarnessPartNo是否已经统计
for (var x = 0; x < materialchangeitemArr.length; x++) {
if (tempStr.indexOf("###"+materialchangeitemArr[x].affectHarnessPartNo+"%%%") >= 0) continue;
sumAffectHarnessPartNo = materialchangeitemArr[x].affectHarnessPartNo;
sumCost = 0,sumWeight = 0;
for (var y = x; y < materialchangeitemArr.length; y++) {
if (materialchangeitemArr[y].affectHarnessPartNo==sumAffectHarnessPartNo) {
if (materialchangeitemArr[y].action=="Add") {
sumCost += materialchangeitemArr[y].costFromLibrary*materialchangeitemArr[y].changeQuantity;
sumWeight += materialchangeitemArr[y].weight*materialchangeitemArr[y].changeQuantity;
} else if(materialchangeitemArr[y].action=="Delete"){
sumCost -= materialchangeitemArr[y].costFromLibrary*materialchangeitemArr[y].changeQuantity;
sumWeight -= materialchangeitemArr[y].weight*materialchangeitemArr[y].changeQuantity;
} else {
sumCost += materialchangeitemArr[y].smallCost*materialchangeitemArr[y].changeQuantity;
sumWeight += materialchangeitemArr[y].smallWeight*materialchangeitemArr[y].changeQuantity;
}
}
}
var row={
sumAffectHarnessPartNo: sumAffectHarnessPartNo,
sumCost: Math.round(sumCost*1000)/1000,
sumWeight: Math.round(sumWeight*1000)/1000
};
$('#statisticDataTable').bootstrapTable('append', row);
tempStr = tempStr+"###"+materialchangeitemArr[x].affectHarnessPartNo+"%%%";
}
$('#statisticDataTable').bootstrapTable('refreshOptions',{sidePagination:"client"});
}
bootstrap table 常用方法
获取所有表格数据
var rows=$('#table').bootstrapTable('getData')
获取选中的数据
var selected = $("#table").bootstrapTable('getSelections');
清空表格所有数据
$("#table").bootstrapTable('removeAll')
刷新表格数据
$('#table').bootstrapTable("refresh");
使用合计功能
$('#table').bootstrapTable({
uniqueId: "id", // 唯一标识id
showFooter: true,//合计
columns: [
{
field: 'id',
title: '序号',
visible: false, //默认隐藏
}, {
field: 'money',
title: '金额',
formatter: function (value, row, index) {
return '<input type="number" name="money" value="' + (function () {
return !row.money ? '' : row.money
})() + '" class="form-control" placeholder="请填写金额" οnblur="changeData(' + index + ', this);" />';
},
footerFormatter: function (value) {
var sum = 0;
$.each(value, function (i, val) {
sum += val.money;
});
return sum;
}
}, {
title: '操作',
formatter: function (value, row) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs" href="#" οnclick="add()"><i class="fa fa-edit"></i>增加</a> ');
actions.push('<a class="btn btn-success btn-xs" href="#" οnclick="remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a> ');
return actions.join('');
},
footerFormatter: function (value) {
return '合计';
}
}
]
});
// 修改数据
function changeData(index, obj) {
var value = $(obj).val();
var name = $(obj).attr('name');
//通过 index 获取指定的行
var row = $("#table").bootstrapTable('getOptions').data[index];
//将 input 的值存进 row 中
row[name] = value;
//更新指定的行，调用 'updateRow' 则会将 row 数据更新到 data 中，然后再重新加载
$("#table").bootstrapTable('updateRow', {index: index, row: row});
}
增加行
function add() {
$('#table').bootstrapTable('selectPage', 1);
var data = {
id: 10,
receipt_number: '100',
remark: '<input type="text" id="remark'" name="remark'" class="form-control" placeholder="请填写备注" οnclick="点击事件()" />'
};
//$('#table').bootstrapTable('prepend', data); // 始终追加到表头
$('#table').bootstrapTable('append', data); // 始终追加行后面
}
删除行
// 删除id为1和2的数据
$("#table").bootstrapTable('remove',{
field:"id", // 每一行的唯一识别
values:[1,2] // 删除条件数组
});
更新行数据
$('#table').bootstrapTable('updateRow', {
index: 0, // index从0开始
row: {
name: 'XXX',
age: '20',
}
});
