部分代碼是react.js的寫(xiě)法，但是js部分大部分都是通用的

HTML部分

上移

下移

js 部分

單行數(shù)據(jù)上移下移功能，多行的話這個(gè)方法也許不管用了。

moveData=(status)=>{

let { WaListData, detailsId } = this.state;?? // WaListData是數(shù)組，detailsId是單行數(shù)據(jù)id(唯一的)

for(let i=0 , a = WaListData.length; i < a;i++){

let arr = WaListData[i];

let det = [];

det.push(detailsId);

if(det.some(v => v === arr.stkLocID)){ ?? //stkLocID是數(shù)組里面的識(shí)別id

if(status === 'up'){

if(i === 0){

message.error('到頂了');

}else {

WaListData[i] = WaListData.splice(i-1, 1, WaListData[i])[0] ? ? ?//這里做了三個(gè)事情下面①分析：

}

this.setState({WaListData})

}else if (status === 'down'){

if(i === WaListData.length - 1){

message.error('到底了');

}else {

WaListData[i] = WaListData.splice(i+1, 1, WaListData[i])[0]

}

this.setState({WaListData});

i += 1;

}

}

}

}

①對(duì)上面splice分析解釋：

第一件：WaListData.splice(i-1, 1)刪除下個(gè)索引的數(shù)據(jù)

第二件：WaListData.splice(i-1, 1, WaListData[i])用當(dāng)前索引數(shù)據(jù)(WaListData[i])替換下個(gè)索引的數(shù)據(jù)

第三件：WaListData[i]=?WaListData.splice(i-1, 1, WaListData[i])[0]當(dāng)WaListData.splice()方法執(zhí)行后會(huì)返回刪除的數(shù)據(jù)，并將刪除的數(shù)據(jù)賦值給當(dāng)前索引

總結(jié)

以上是生活随笔為你收集整理的js怎么把按钮往下移_js 实现单行数据上下移动的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。