Daten aus einem gerenderten JSX.Element übertragen

MaxlProg

Neues Mitglied
Hallo zusammen,
ich mach jetzt hier mal den Anfang, ich hoffe ich bin im richtigen Unterforum...
Und zwar bin ich gerade dabei ein SPFx WebPart zur darstellung einer SharepointOnline-Kontaktliste zu erstellen. (mit CRUD-Operations)
Mein Problem liegt aktuell darin, dass ich in meiner _onRenderItemColumn-Methode einen Button in mein WebPart für jeden Kontakt einfüge und hierrüber die CRUD-Operation zum löschen dieses Kontakts aufrufen möchte.
-> Wie bekomme ich die item.ID in meine deleteData-Methode aus dem onClick-Event?
[CODE lang="jsx" highlight="11, 23"] public _onRenderItemColumn(item: any, index: number, column: IColumn): JSX.Element {


const fieldContent = item[column.fieldName as keyof IContact] as string;



switch (column.key) {

case 'Delete':
return <Link onClick={() => this.deleteData()}>X</Link>;


default:
return <span>{fieldContent}</span>;
}
}


public async deleteData()
{

await sp.web.lists.getByTitle("ContactList").items.getById(/* */).delete();

alert("Contact deleted Successfully");

}


public render(): React.ReactElement<IContactListFinalPnPProps> {

return (
<div className={ styles.contactListFinalPnP }>
<div className={ styles.container }>
<div className={ styles.row }>
<div className={ styles.column }>
<span className={ styles.title }>Welcome to SharePoint!</span>
<p className={ styles.subTitle }>Customize SharePoint experiences using Web Parts.</p>
<p className={ styles.description }>{escape(this.props.description)}</p>
<DetailsList
items={this.state.contacts}
setKey="set"
columns={this.state.columns}
onRenderItemColumn={this._onRenderItemColumn}
onColumnHeaderClick={this._onColumnClick}
onItemInvoked={this._onItemInvoked}
onColumnHeaderContextMenu={this._onColumnHeaderContextMenu}
//onActiveItemChanged="set"
ariaLabelForSelectionColumn="Toggle selection"
ariaLabelForSelectAllCheckbox="Toggle selection for all items"
checkButtonAriaLabel="Row checkbox"
/>[/CODE]

Ich hoffe das ist soweit verständlich... Ich bin noch, naja, relativer Neuling und programmiere insgesamt erst seit September 2020. 🙄

Vielen Dank schonmal an alle für die Hilfe!
 

mrBrown

Super-Moderator
Mitarbeiter
In Zeile 11 kannst du der Funktion das übergeben, was du brauchst. Das was du in Zeile 23 versuchst, das raussuchen aus dem gerendertem HTML(?) ist eher unüblich
 

MaxlProg

Neues Mitglied
In Zeile 11 kannst du der Funktion das übergeben, was du brauchst. Das was du in Zeile 23 versuchst, das raussuchen aus dem gerendertem HTML(?) ist eher unüblich
Ja ich habs raus ... danke! Manchmal denkt man einfach viel zu kompliziert ...
Ich werds hier noch abändern für alle die eventuell das gleiche Problem haben

[CODE lang="jsx" title="Lösung" highlight="11, 20, 23"]public _onRenderItemColumn(item: any, index: number, column: IColumn): JSX.Element {


const fieldContent = item[column.fieldName as keyof IContact] as string;



switch (column.key) {

case 'Delete':
return <Link onClick={() => this.deleteData(item)}>X</Link>;


default:
return <span>{fieldContent}</span>;
}
}


public async deleteData(item: any)
{

await sp.web.lists.getByTitle("ContactList").items.getById(item.ID).delete();

alert("Contact deleted Successfully");

}[/CODE]
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
Q Mit JavaScript Daten aus einer Textdatei verarbeiten Angular, React, JQuery - Fragen zu JavaScript 2
Zeppi Server soll Daten zurückgeben, die der Client als Variablen nutzt Angular, React, JQuery - Fragen zu JavaScript 1
L JSON-Daten aus einen Server mit fetch holen Angular, React, JQuery - Fragen zu JavaScript 3
N Checkbox Daten in ein Form Feld auf einer anderen Seite übergeben Angular, React, JQuery - Fragen zu JavaScript 19
M Mit Ajax Daten als Eingabe für Dyngraph erzeugen Angular, React, JQuery - Fragen zu JavaScript 6
P Richtiges Auslesen von mehreren Daten im JSON Format via JavaScript Angular, React, JQuery - Fragen zu JavaScript 2
n00b4u JavaScript Daten lokal Speichern Angular, React, JQuery - Fragen zu JavaScript 7
C Daten von Java an Javascript übergeben möglich? Angular, React, JQuery - Fragen zu JavaScript 5
L Daten an iFrame übergeben und dort mit php weiter verarbein Angular, React, JQuery - Fragen zu JavaScript 2
pkm Frage zu einem nicht funktionierenden setInterval bei einer ExtJS-Komponente Angular, React, JQuery - Fragen zu JavaScript 1
B Quiz Fragen in einem Array nach drücken auf einen Button abfragen Angular, React, JQuery - Fragen zu JavaScript 5
R Wenn-Dann-Funktion in einem Adobe Acrobat Formular Angular, React, JQuery - Fragen zu JavaScript 0
P Highlight von Wörtern/Zahlen in einem Text Angular, React, JQuery - Fragen zu JavaScript 7
D Javascript um eine Seite in einem PDF Formular ein-/Ausblenden zu lassen Angular, React, JQuery - Fragen zu JavaScript 3
L Script aus einem Frame heraus starten Angular, React, JQuery - Fragen zu JavaScript 6
G Weiterleitung in einem Facebook App Angular, React, JQuery - Fragen zu JavaScript 3
W JavaScript Hexadezimalwerte in einem http-Request übergeben Angular, React, JQuery - Fragen zu JavaScript 7
H JavaScript: programm mit einem joke Angular, React, JQuery - Fragen zu JavaScript 4
F Frage zu einem Script Angular, React, JQuery - Fragen zu JavaScript 2
S Ich hab da ein Problem mit einem JavaScript. Angular, React, JQuery - Fragen zu JavaScript 2
R Frage zu einem speziellen Effekt in Web Anwendungen Angular, React, JQuery - Fragen zu JavaScript 13
2 Bei einem Anmeldeformular die Eingabezahlen begrenzen Angular, React, JQuery - Fragen zu JavaScript 6
B Probleme mit einem JavaScript Angular, React, JQuery - Fragen zu JavaScript 3
G Nach dem Laden der Seite einen JS in einem I-Frame ausführen Angular, React, JQuery - Fragen zu JavaScript 6
A Informationen auf einem Klassenfoto abbilden Angular, React, JQuery - Fragen zu JavaScript 6
P Überprüfung mehrere Formulare mit einem Script Angular, React, JQuery - Fragen zu JavaScript 4
G Photo Slideshow in einem Browser? Angular, React, JQuery - Fragen zu JavaScript 7
S Verweise einer Auswahlliste in einem IFrame anzeigen Angular, React, JQuery - Fragen zu JavaScript 5
G 2 Frames mit einem Link verändern - Problem Angular, React, JQuery - Fragen zu JavaScript 4
K Möchte ein Ergebnis in einem Textfeld angeben. Angular, React, JQuery - Fragen zu JavaScript 5
S Mehrere Scripts in einem Dokument? Angular, React, JQuery - Fragen zu JavaScript 3
S Mehrere Java Scripts in einem Dokument Angular, React, JQuery - Fragen zu JavaScript 4

Ähnliche Java Themen


Oben