AllenFang / AllenFang/react-bootstrap-table

BootstrapTable is not reloading data when row checkbox checked or unchecked in ReactJS

Offen
#2,137 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
2.2k
Forks
761
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Using BootstrapTable in reactjs app that populates data from .net core api.
My question is How to re-render data when row checkbox checked or unchecked.
I am displaying checkbox for one of the boolean column and disable/enable based on the row checkbox selection. Following is the code from columns definition

formatter: (cellContent:boolean, row:IFacilityReportType) => (


selectPrmaryContact(event, row)}
disabled={row.isRowSelected?false:true}
checked={row.isPrimary?true:false}
/>

)

In the above code, the isRowSelected is one of the data column that has false initially and all the checkboxes are disabled. When row checkbox checked/unchecked this column will get switch to true/false and column checkbox should be enable or disable. This is not happening. Its look like data is not rendering/reloading when column data changed in row selection.

Following is the row selection event code.

const selectRowFacilities:any = {
mode: 'checkbox',
selected:refeshFacilityTable==='yes'? []:null,
onSelect: (row:IFacilityReportType, isSelect:any, rowIndex:any, e:any) => {

if(isSelect){
row.isRowSelected=true;
}
else{
row.isRowSelected=false;
}

},
onSelectAll: (isSelect:any, rows:IFacilityReportType[], e:any) => {
if(isSelect){
rows.forEach(row=>{
row.isRowSelected=true;
});
}
else{
rows.forEach(row=>{
row.isRowSelected=false;
});
}
}
};

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.