国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - antd table 如何把可編輯行的數據保存到服務器?

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

問題描述

利用antd table 做了個表格,每行是可編輯的,因為我是按照官方的寫法來組織代碼,所以具體代碼請移步看官方的文檔,戳這里--->> https://ant.design/components...

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

轉向單元格的handleChange(),在這里面確實可以獲得編輯成功之后的數據,可是該方法是被循環調用的,很多操作都被搞懵了。

請大家是怎么把編輯后的數據上傳到服務器的?

問題解答

回答1:

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

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

有一個handleChange方法會監聽input值的變化,并實時改變state的值,所以在editDone中,

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

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

<Form layout='inline' onSubmit={this.handleSubmit}> //用handleSubmit統一拿值

handleSubmit = (e) => {//因為我們這個可編輯的內容都需要校驗,就用到antd中的validateFields,這個方法取值也方便 this.props.form.validateFields((err, values) => { console.log(values);//table中所有注冊到getFieldDecorator中的項的值都取到了,在這里你也可以改造values } }

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产91精品一区 | 午夜性福 | 自拍1页 | 免费国产一级 | 国产亚洲人成在线影院 | 波多野结衣手机视频一区 | 不卡精品国产_亚洲人成在线 | 美女张开腿让男人桶爽动漫视频 | 欧美多人三级级视频播放 | 国产一区二 | 香蕉久久一区二区不卡无毒影院 | 国产欧美一区二区三区免费看 | 亚洲成a v人片在线看片 | 99久在线精品99re6视频 | 亚洲免费天堂 | 成人18免费网站在线观看 | 国产一级精品高清一级毛片 | 91在线国产观看 | 精品国产综合成人亚洲区 | 欧美在线高清视频播放免费 | 中文字幕在线观看亚洲日韩 | 欧美中文一区 | 毛片免费网址 | 毛片毛片毛是个毛毛片 | 九九精品视频在线观看九九 | 久久爱wwwww 久久爱www成人 | 亚洲国产二区三区 | 亚洲欧美一区二区三区国产精品 | 日韩国产欧美一区二区三区在线 | 成人永久免费视频网站在线观看 | 国产成人女人视频在线观看 | 国产成年网站v片在线观看 国产成人aa在线视频 | 亚洲视频1区 | 一区精品视频 | 国产亚洲一区二区手机在线观看 | 91精品国产薄丝高跟在线看 | 久久精品国内偷自一区 | 精品视频在线观看一区二区三区 | 成人欧美精品久久久久影院 | 男人av的天堂 | 极品丝袜高跟91白沙发在线 |