Auszahlungsdetails zeigt die Details einer bestimmten Auszahlung an. Die Nutzeroberfläche entspricht dem Overlay, das die eingebettete Auszahlungs-Komponente anzeigt, wenn die/der Nutzer/in auf eine Auszahlungszeile klickt.
Mit dieser Komponente können Sie das Overlay mit den Auszahlungsdetails direkt von Ihrer Nutzeroberfläche aus darstellen. Sie können sie z.B. von einer benutzerdefinierten Auszahlungsliste aus aufrufen, anstatt die eingebettete Auszahlungs-Komponente zu verwenden.
Wenn Sie eine Kontositzung erstellen, aktivieren Sie die Auszahlungsdetails, indem Sie payout_details im Parameter components angeben.
Nachdem Sie die Kontositzung erstellt und ConnectJS initialisiert haben, können Sie die Komponente Auszahlungsdetails im Frontend darstellen:
payout-details.js
JavaScript
React
No results
// Include this element in your HTMLconst payoutDetails = stripeConnectInstance.create('payout-details');
payoutDetails.setPayout('{{PAYOUT_ID}}');// use setOnClose to set a callback function to close payout-details
payoutDetails.setOnClose(()=>{
payoutDetails.remove();});
container.appendChild(payoutDetails);
Unterstützte Parameter
Diese eingebettete Komponente unterstützt die folgenden Parameter:
Methode
Typ
Beschreibung
setPayout
string
Die ID der anzuzeigenden Auszahlung, die eine Auszahlung auf dem verbundenen Konto sein muss. Wenn Sie keine gültige ID angeben, gibt die eingebettete Komponente nichts wieder. Um die ID zu finden, können Sie eine Liste der Auszahlungen abrufen.
erforderlich
setOnClose
() => void
Wir senden dieses Ereignis, wenn der/die Nutzer/in das Overlay schließt.
Um das Schließverhalten dieser Komponente zu aktivieren, überwachen Sie das Ereignis close, indem Sie setOnClose aufrufen.