5
संपादित करने के बाद डेटा को सीधे ब्राउज़र पृष्ठ पर संपादित करने और पृष्ठ को पुनः लोड करने के बाद डेटा को सहेजने के बाद डेटा को सहेजने के लिए कैसे करें। तालिका को प्रतिक्रिया बूटस्ट्रैप तालिका का उपयोग करके बनाया गया है। परियोजना का स्क्रीनशॉट यहां है। edit and save like in screenshotप्रतिक्रिया बूटस्ट्रैप तालिका को संपादित करने और
मेरी परियोजना का कोड यहां है।
onAfterSaveCell(value, name){
axios({
method:'post',
url:'https://something.something.com.somewhere/update_something',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'x-access-token':this.state.token
},
data:{
name:value[name]
}
})
.then((response)=>{
this .getCustomerData();
})
.catch((error)=>{
throw('error',error);
});
}
प्रतिक्रिया बूटस्ट्रैप यहाँ
<BootstrapTable data={this.state.customer_data} search={true} cellEdit={ {
mode: "click",
blurToSave: true,
afterSaveCell: this.onAfterSaveCell
} } >
<TableHeaderColumn dataField="tid" isKey = {true} dataSort={true} width="70">S.No</TableHeaderColumn>
<TableHeaderColumn dataField="company_name" dataSort={true}>Company Name</TableHeaderColumn>
<TableHeaderColumn dataField="contact_address" dataSort={true}>Contact Address</TableHeaderColumn>
<TableHeaderColumn dataField="contact_person" dataSort={true}>Contact Person</TableHeaderColumn>
<TableHeaderColumn dataField="contact_number" dataSort = {true}>Contact Number</TableHeaderColumn>
</BootstrapTable>