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:

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

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

  1. 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:

  1. Registrera en klickningshanterare för .fixedTaskTableHeader th i filen js/runtime/views/processinstancehistory.js.

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

    Anropa onTaskTableHeaderClick funktion för js/runtime/util/history.js.

    code language-javascript
    onTaskTableHeaderClick: function (event) {
            history.onTaskTableHeaderClick(event);
    }
    
  2. Visa TaskTableHeaderClick metod i js/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();
        };
    
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2