資訊專欄INFORMATION COLUMN
摘要：首先是在官網(wǎng)上照著寫(xiě)的一個(gè)方法原代碼處理勾選數(shù)據(jù)后清空勾選修改后的代碼處理勾選數(shù)據(jù)后清空勾選這里是起作用的關(guān)鍵
問(wèn)題描述：如上圖所示，ant.design中使用Table中的rowSelection單選框功能；在勾選了數(shù)據(jù)之后進(jìn)行操作后重新請(qǐng)求數(shù)據(jù)，發(fā)現(xiàn)新的數(shù)據(jù)仍然被勾選，我們希望看到的效果當(dāng)然是刷新數(shù)據(jù)后勾選取消掉，畢竟是新數(shù)據(jù)嘛。。。
首先是在官網(wǎng)上照著寫(xiě)的一個(gè)方法：
原代碼：
clearCheck = () => { // 處理勾選數(shù)據(jù)后清空勾選
this.setState({
selectedRowKeys: []
})
}
render () {
const rowSelection = {
onChange: (selectedRowKeys) => {
this.setState({
selectedRowKeys,
})
}
}
}
修改后的代碼：
this.state = {
selectedRowKeys: []
}
clearCheck = () => { // 處理勾選數(shù)據(jù)后清空勾選
this.setState({
selectedRowKeys: []
})
}
render () {
const rowSelection = {
selectedRowKeys, //這里是起作用的關(guān)鍵
onChange: (selectedRowKeys) => {
this.setState({
selectedRowKeys
})
}
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102017.html
摘要：表單域表單一定會(huì)包含表單域，表單域可以是輸入控件，標(biāo)準(zhǔn)表單域，標(biāo)簽，下拉菜單，文本域等。如果發(fā)現(xiàn)下拉菜單跟隨頁(yè)面滾動(dòng)，或者需要在其他彈層中觸發(fā)，請(qǐng)嘗試使用將下拉彈層渲染節(jié)點(diǎn)固定在觸發(fā)器的父元素中。 DvaJs dispatch在 dva 中，connect Model 的組件通過(guò) props 可以訪問(wèn)到 dispatch，可以調(diào)用 Model 中的 Reducer 或者 Effects...
摘要：一個(gè)元素如果設(shè)置了但沒(méi)有設(shè)置此元素的位置在哪在涉及到絕對(duì)定位元素的位置問(wèn)題時(shí)一個(gè)重要的概念是想要了解元素的位置還得找到此元素的才行如下是我進(jìn)行的一系列測(cè)試以及對(duì)測(cè)試結(jié)果的試探性解釋文中的英文術(shù)語(yǔ)都不翻譯方便直接查或者其他技術(shù)文檔請(qǐng)持有懷疑精 一個(gè)元素如果設(shè)置了position: absolute;, 但沒(méi)有設(shè)置top, right, bottom, left, 此元素的位置在哪? 在涉...
摘要：目標(biāo)效果最初的想法，當(dāng)為時(shí)，多選框?yàn)楣催x狀態(tài)，而則可以與勾選的狀態(tài)值綁定，代碼如下代碼控制器中的測(cè)試數(shù)據(jù)效果顯然并不是我想要的，在全選后下面的并沒(méi)有跟著改變，所以僅靠頁(yè)面是無(wú)法實(shí)現(xiàn)全選效果的所以我在控制器里添加了一個(gè)方法，在點(diǎn)擊全選的時(shí) 目標(biāo)效果：showImg(https://segmentfault.com/img/bVbhZzU?w=702&h=230); 最初的想法，ng-ch...
閱讀 1643·2021-10-27 14:13
閱讀 1883·2021-10-11 10:59
閱讀 3381·2021-09-24 10:26
閱讀 1937·2019-08-30 12:48
閱讀 3046·2019-08-30 12:46
閱讀 2043·2019-08-30 11:16
閱讀 1427·2019-08-30 10:48
閱讀 2749·2019-08-29 16:54
