Hinzufügen von benutzerdefiniertem JavaScript zu einer Liste
Hinweis
Ab 12. Oktober 2022 ist Power Apps-Portale Power Pages. Weitere Informationen: Microsoft Power Pages ist jetzt allgemein verfügbar (Blog)
Wir werden die in Kürze migrieren und die Dokumentation für Power Apps-Portale mit der Power Pages-Dokumentation zusammenführen.
Die Registerkarte Optionen auf der Listenkonfiguration in der Portalverwaltungs-App enthält einen Textbereich, in den Sie benutzerdefinierte JavaScript eingeben können. Wenn Ihre Seite eine jQuery-Bibliothek enthält, können Sie diese hier auch verwenden. Der Skriptsatz wird unten zur Webseite hinzugefügt, direkt vor dem Tag zum Schließen der Seite.
Die Liste ruft ihre asynchron ab, und wenn sie abgeschlossen ist, löst sie ein Ereignis loaded aus, nach dem Ihr benutzerdefiniertes JavaScript suchen kann und die Elemente im Raster bearbeiten kann. Der folgende Code ist ein triviales Beispiel:
$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("tr").each(function (){
// do something with each row
$(this).css("background-color", "yellow");
});
});
});
Suchen Sie ein bestimmtes Attributfeld und rufen Sie dessen Wert ab, um das Rendering des Werts möglicherweise zu ändern. Der folgende Code ruft jede Tabellenzelle ab, die den Wert des Attributs accountnumber enthält. Ersetzen Sie accountnumber durch ein Attribut, das für Ihre Tabelle und Ansicht geeignet ist.
$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("td[data-attribute='accountnumber']").each(function (i, e){
var value = $(this).data(value);
// now that you have the value you can do something to the value
});
});
});