Anpassa spårningstabeller customize-tracking-tables
Fliken Spårning på arbetsytan i AEM Forms används för att visa information om processinstanser där den inloggade användaren är involverad. Om du vill visa spårningstabellerna börjar du med att markera ett processnamn i den vänstra rutan för att visa dess lista med instanser i den mittersta rutan. Markera en processinstans om du vill visa en tabell med uppgifter som genereras av den här instansen i den högra rutan. Som standard visar tabellkolumnerna följande uppgiftsattribut (motsvarande attribut i aktivitetsmodellen anges inom parentes):
- ID (
taskId
) - Namn (
stepName
) - Instruktioner (
instructions
) - Markerad åtgärd (
selectedRoute
) - Skapad (
createTime
) - Slutförandetid (
completeTime
) - Ägare (
currentAssignment.queueOwner
)
De återstående attributen i aktivitetsmodellen som är tillgängliga för visning i aktivitetstabellen är:
För följande anpassningar i uppgiftstabellen måste du göra semantiska ändringar i källkoden. Se Introduktion till anpassning av arbetsytan i AEM Forms om hur du kan göra semantiska ändringar med arbetsytans SDK och skapa ett minierat paket från den ändrade källan.
Ändra tabellkolumner och deras ordning changing-table-columns-and-their-order
-
Om du vill ändra uppgiftsattributen som visas i tabellen och deras ordning konfigurerar du filen /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>
Sortera en spårningstabell sorting-a-tracking-table
Så här sorterar du uppgiftslisttabellen när du klickar på kolumnrubriken:
-
Registrera en klickningshanterare för
.fixedTaskTableHeader th
i filenjs/runtime/views/processinstancehistory.js
.code language-javascript events: { //other handlers "click .fixedTaskTableHeader th": "onTaskTableHeaderClick", //other handlers }
Anropa
onTaskTableHeaderClick
funktion förjs/runtime/util/history.js
.code language-javascript onTaskTableHeaderClick: function (event) { history.onTaskTableHeaderClick(event); }
-
Visa
TaskTableHeaderClick
metod ijs/runtime/util/history.js
.Metoden hittar uppgiftsattributet från click-händelsen, sorterar aktivitetslistan för det attributet och återger uppgiftstabellen med den sorterade aktivitetslistan.
Sorteringen görs med sorteringsfunktionen för ryggrad i aktivitetslistsamlingen genom att en jämförelsefunktion anges.
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(); };