DokumentationAEM 6.5Benutzerhandbuch

Anpassen von Verfolgungstabellen customize-tracking-tables

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Benutzende
  • Entwickler

Die Registerkarte „Tracking“ in AEM Forms Workspace wird verwendet, um die Details von Prozessinstanzen anzuzeigen, an denen der angemeldete Benutzer beteiligt ist. Um die Tracking-Tabellen anzuzeigen, wählen Sie zunächst einen Prozessnamen im linken Bereich aus, um die zugehörige Instanzenliste im mittleren Bereich anzuzeigen. Wählen Sie eine Prozessinstanz aus, um im rechten Bereich eine Tabelle von Aufgaben anzuzeigen, die von dieser Instanz generiert werden. Standardmäßig enthalten die Tabellenspalten die folgenden Aufgabenattribute (das entsprechende Attribut im Aufgabenmodell wird in Klammern angegeben):

  • ID ( taskId)
  • Name ( stepName)
  • Anweisungen ( instructions)
  • Ausgewählte Aktion ( selectedRoute)
  • Erstellungszeit (createTime)
  • Abschlusszeit (completeTime)
  • Inhaber ( currentAssignment.queueOwner)

Die übrigen Attribute im Aufgabenmodell, die für die Anzeige in der Aufgabentabelle verfügbar sind, lauten:

actionInstanceId
isOpenFullScreen
reminderCount
classOfTask
isOwner
routeList
consultGroupId
isRouteSelectionRequired
savedFormCount
contentType
isShowAttachments
serializedImageTicket
createTime
isStartTask
serviceName
creationId
isVisible
serviceTitle
currentAssignment
nextReminder
showACLActions
deadline
numForms
showDirectActions
description
numFormsToBeSaved
status
displayName
outOfOfficeUserId
summaryUrl
forwardGroupId
outOfOfficeUserName
supportsSave
isApprovalUI
Priorität
taskACL
isCustomUI
processInstanceId
taskFormType
isDefaultImage
processInstanceStatus
taskUserInfo
isLocked
processVariables
isMustOpenToComplete
readerSubmitOptions

Für die folgenden Anpassungen in der Aufgabentabelle müssen Sie semantische Änderungen im Quellcode vornehmen. In der Einführung zum Anpassen von AEM Forms Workspace finden Sie Anweisungen, wie Sie semantische Änderungen mithilfe von Workspace SDK vornehmen und ein minimiertes Paket aus der geänderten Quelle erstellen können.

Ändern von Tabellenspalten und ihrer Reihenfolge changing-table-columns-and-their-order

  1. Um die in der Tabelle angezeigten Aufgabenattribute und ihre Reihenfolge zu ändern, konfigurieren Sie die Datei „/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>

Sortieren einer Tracking-Tabelle sorting-a-tracking-table

So sortieren Sie die Aufgabenlistentabelle beim Klicken auf die Spaltenüberschrift:

  1. Registrieren Sie einen Klick-Handler für .fixedTaskTableHeader th in der Datei js/runtime/views/processinstancehistory.js.

    code language-javascript 
    events: {
    //other handlers
    "click .fixedTaskTableHeader th": "onTaskTableHeaderClick",
    //other handlers
}

    Rufen Sie in dem Handler die Funktion onTaskTableHeaderClick von js/runtime/util/history.js auf.

    code language-javascript 
    onTaskTableHeaderClick: function (event) {
        history.onTaskTableHeaderClick(event);
}

  2. Legen Sie die Methode TaskTableHeaderClick in js/runtime/util/history.js offen.

    Die Methode sucht nach dem Aufgabenattribut im Klick-Ereignis, sortiert die Aufgabenliste nach diesem Attribut und rendert die Aufgabentabelle mit der sortierten Aufgabenliste.

    Die Sortierung erfolgt mit der Backbone-Sortierfunktion in der Aufgabenlistensammlung, indem eine Vergleichsfunktion bereitgestellt wird.

    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();
    };
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2