Hinzufügen von benutzerdefiniertem JavaScript zu einer Liste

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.

Benutzerdefiniertes JavaScript-Beispiel

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
      });
   });
});

Siehe auch