成人视屏在线观看-国产99精品-国产精品1区2区-欧美一级在线观看-国产一区二区日韩-色九九九

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - antd table 如何把可編輯行的數(shù)據(jù)保存到服務(wù)器?

瀏覽:118日期:2023-04-08 10:47:28

問題描述

利用antd table 做了個(gè)表格,每行是可編輯的,因?yàn)槲沂前凑展俜降膶懛▉斫M織代碼,所以具體代碼請(qǐng)移步看官方的文檔,戳這里--->> https://ant.design/components...

如果要把編輯后的數(shù)據(jù)保存到服務(wù)器,首先要獲得編輯成功之后的數(shù)據(jù),一開始是在editDone()獲取,后來證明在該方法里是無法獲取到編輯成功之后的數(shù)據(jù);

轉(zhuǎn)向單元格的handleChange(),在這里面確實(shí)可以獲得編輯成功之后的數(shù)據(jù),可是該方法是被循環(huán)調(diào)用的,很多操作都被搞懵了。

請(qǐng)大家是怎么把編輯后的數(shù)據(jù)上傳到服務(wù)器的?

問題解答

回答1:

我試了下antd的例子,可以拿到編輯后的值,在EditableCell中,

handleChange(e) { const value = e.target.value; this.setState({ value }); }

有一個(gè)handleChange方法會(huì)監(jiān)聽input值的變化,并實(shí)時(shí)改變state的值,所以在editDone中,

const { data } = this.state;//這個(gè)data就是你修改之后的值

有處理過一個(gè)可編輯的table,需求是一個(gè)編輯按鈕,一個(gè)提交按鈕,所以用<Form>包裹<Table>

<Form layout='inline' onSubmit={this.handleSubmit}> //用handleSubmit統(tǒng)一拿值

handleSubmit = (e) => {//因?yàn)槲覀冞@個(gè)可編輯的內(nèi)容都需要校驗(yàn),就用到antd中的validateFields,這個(gè)方法取值也方便 this.props.form.validateFields((err, values) => { console.log(values);//table中所有注冊(cè)到getFieldDecorator中的項(xiàng)的值都取到了,在這里你也可以改造values } }

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 久久成人18免费 | xxx国产老太婆视频 xxx欧美老熟 | 91精品久久久久久久久网影视 | 国产亚洲精品资源一区 | 久久国产一区二区三区 | 国产午夜免费不卡精品理论片 | 欧美一区二区三区精品 | 波多野结衣在线播放 | 欧美一区二区亚洲 | 日韩三级在线免费观看 | 毛片网站大全 | 欧美成人爽毛片在线视频 | 国产黄色自拍视频 | 手机看片福利在线 | 国产精品漂亮美女在线观看 | 一级毛毛片毛片毛片毛片在线看 | 欧美视频一区二区专区 | 特级毛片8级毛片免费观看 特级毛片免费观看视频 | 毛片在线观看视频 | 精品国产成人高清在线 | 国产精品yjizz视频网一二区 | 亚洲国产网站 | 国产ssss在线观看极品 | 日本久久综合 | 午夜国产理论 | 欧美一级毛片免费高清aa | 亚洲一级免费毛片 | 国产福利片在线 易阳 | 免费播放毛片 | 国产精品亚洲欧美一级久久精品 | 欧美不卡一区二区三区 | 国产手机在线视频 | 免费在线一级毛片 | 欧美午夜精品久久久久免费视 | 午夜综合| 亚洲欧美人妖另类激情综合区 | 美国一级视频 | 久久久毛片| 欧美成人高清手机在线视频 | 亚洲一级毛片免费看 | 亚洲国产成人精品一区二区三区 |