Trackingtabellen aanpassen

Laatst bijgewerkt: 14 juli 2024

Van toepassing op:
Experience Manager 6.5

Onderwerpen:
Adaptieve formulieren

Gemaakt voor:

Gebruiker
Ontwikkelaar

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:

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

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 Formsvoor hoe u semantische veranderingen kunt aanbrengen gebruikend werkruimte SDK en een geminificeerde pakket van de veranderde bron bouwen.

Tabelkolommen en hun volgorde wijzigen

Om de taakattributen te wijzigen die in de lijst en hun orde worden getoond, vorm het dossier /ws/js/runtime/templates/processinstancehistory.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>

<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

U kunt als volgt de tabel met de takenlijst sorteren wanneer u op de kolomkop klikt:

Registreer een klikmanager voor .fixedTaskTableHeader th in het dossier js/runtime/views/processinstancehistory.js.

events: {
    //other handlers
    "click .fixedTaskTableHeader th": "onTaskTableHeaderClick",
    //other handlers
}

Roep in de handler de functie onTaskTableHeaderClick van js/runtime/util/history.js aan.

onTaskTableHeaderClick: function (event) {
        history.onTaskTableHeaderClick(event);
}

Stel de methode TaskTableHeaderClick beschikbaar in js/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.

    return {
        //other methods
        onTaskTableHeaderClick  : onTaskTableHeaderClick,
        //other methods
    };

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