国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 久久精品一区二区免费看 | 国产精品观看在线亚洲人成网 | 国产精选莉莉私人影院 | 国产精品久久国产三级国电话系列 | 国产高清日韩 | 亚洲欧美日韩综合一区久久 | tom影院亚洲国产日本一区 | 久久精品国产免费看久久精品 | 日本www在线播放 | 草草影院ccyycom浮力影院 | 中文字幕亚洲精品日韩精品 | 久久最新免费视频 | 国产一级毛片一区二区三区 | 亚洲二区在线 | 亚洲加勒比久久88色综合一区 | 国产在线观看精品香蕉v区 国产在线观看免费人成小说 | 午夜美女久久久久爽久久 | 中日韩精品视频在线观看 | 国产精品嘿咻嘿咻在线播放 | 日本人一级毛片免费视频 | 不卡一级毛片免费高清 | 久久99九九99九九精品 | 一级aaa级毛片午夜在线播放 | 亚洲在线精品视频 | 国产片久久 | 撸久久 | 欧美乱爱| 国产网址在线观看 | xp123欧美亚洲国产日韩 | 精品久久久久久久久免费影院 | 久久久久亚洲国产 | 欧美一区二区视频 | 视频一区色眯眯视频在线 | 成人网视频在线观看免费 | 国产午夜久久影院 | 国产精品免费看久久久香蕉 | 99精品久久精品一区二区 | 不卡的毛片 | 国产视频中文字幕 | 成人精品视频一区二区在线 | 欧美综合成人网 |