Trackingtabellen aanpassen customize-tracking-tables
Het tabblad Tekstspatiëring in de AEM Forms-werkruimte wordt gebruikt om de details weer te geven van procesinstanties waarbij de aangemelde gebruiker is betrokken. Als u de volgende tabellen wilt weergeven, selecteert u eerst een procesnaam in het linkerdeelvenster om de lijst met exemplaren in het middelste venster weer te geven. Selecteer een procesinstantie om een takenlijst te zien die door deze instantie in de juiste ruit wordt geproduceerd. Standaard geven de tabelkolommen de volgende taakkenmerken weer (het bijbehorende kenmerk in het taakmodel staat tussen haakjes):
- ID (
taskId) - Naam (
stepName) - Instructies (
instructions) - Geselecteerde actie (
selectedRoute) - Aanmaaktijd (
createTime) - Voltooiingstijd (
completeTime) - Eigenaar (
currentAssignment.queueOwner)
De resterende kenmerken in het taakmodel die beschikbaar zijn voor weergave in de taaktabel zijn:
Voor de volgende aanpassingen in de takenlijst, moet u semantische veranderingen in de broncode doen. Zie Inleiding aan het Aanpassen van de werkruimte van AEM Forms voor hoe u semantische veranderingen kunt aanbrengen gebruikend werkruimte SDK en een geminificeerde pakket van de veranderde bron bouwen.
Tabelkolommen en hun volgorde wijzigen changing-table-columns-and-their-order
-
Om de taakattributen te wijzigen die in de lijst en hun orde worden getoond, vorm het dossier /ws/js/runtime/templates/processinstancehistory.html:
code language-html <table> <thead> <tr> <!-- put the column headings in order here, for example--> <th><%= $.t('history.fixedTaskTableHeader.taskName')%></th> <th><%= $.t('history.fixedTaskTableHeader.taskInstructions')%></th> <th><%= $.t('history.fixedTaskTableHeader.taskRoute')%></th> <th><%= $.t('history.fixedTaskTableHeader.taskCreateTime')%></th> <th><%= $.t('history.fixedTaskTableHeader.taskCompleteTime')%></th> </tr> </thead> </table>code language-html <table> <tbody> <%_.each(obj, function(task){%> <tr> <!-- Put the task attributes in the order of headings, for example, --> <td><%= task.stepName %></td> <td><%= task.instructions %></td> <td><%= !task.selectedRoute?'':(task.selectedRoute=='null'?'Default':task.selectedRoute) %></td> <td><%= task.createTime?task.formattedCreateTime:'' %></td> <td><%= task.completeTime? task.formattedCompleteTime:'' %></td> </tr> <%});%> </tbody> </table>
Een tabel voor reeksspatiëring sorteren sorting-a-tracking-table
U kunt als volgt de tabel met de takenlijst sorteren wanneer u op de kolomkop klikt:
-
Registreer een klikmanager voor
.fixedTaskTableHeader thin het dossierjs/runtime/views/processinstancehistory.js.code language-javascript events: { //other handlers "click .fixedTaskTableHeader th": "onTaskTableHeaderClick", //other handlers }Roep in de handler de functie
onTaskTableHeaderClickvanjs/runtime/util/history.jsaan.code language-javascript onTaskTableHeaderClick: function (event) { history.onTaskTableHeaderClick(event); } -
Stel de methode
TaskTableHeaderClickbeschikbaar injs/runtime/util/history.js.De methode zoekt het taakkenmerk van de klikgebeurtenis, sorteert de taaklijst van dat kenmerk en geeft de taaktabel weer met de gesorteerde taaklijst.
Sorteren gebeurt met behulp van de Backbone-sorteerfunctie in de taaklijstverzameling door een vergelijkingsfunctie op te geven.
code language-javascript return { //other methods onTaskTableHeaderClick : onTaskTableHeaderClick, //other methods };code language-javascript onTaskTableHeaderClick = function (event) { var target = $(event.target), comparator, attribute; if(target.hasClass('taskName')){ attribute = 'stepName'; } else if(target.hasClass('taskInstructions')){ attribute = 'instructions'; } else if(target.hasClass('taskRoute')){ attribute = 'selectedRoute'; } else if(target.hasClass('taskCreateTime')){ attribute = 'createTime'; } else if(target.hasClass('taskCompleteTime')){ attribute = 'completeTime'; } taskList.comparator = function (task) { return task.get(attribute); }; taskList.sort(); render(); };