DocumentatieAEMTutorials voor AEMTutorials voor AEM Forms

Het gebruiken van sightmalplaatje om inbox gegevens te tonen

Laatst bijgewerkt: 5 mei 2025
  • Van toepassing op:
  • Experience Manager 6.5
  • Onderwerpen:
  • Adaptieve formulieren

Gemaakt voor:

  • Ervaren
  • Ontwikkelaar

U kunt een hechte sjabloon gebruiken om de gegevens op te maken die in kolommen in het postvak moeten worden weergegeven. In dit voorbeeld worden koraal-ui-pictogrammen weergegeven afhankelijk van de waarde van de inkomenskolom. Het volgende screenshot toont het gebruik van pictogrammen in de inkomenskolom
inkomen-pictogrammen

het secundaire malplaatjewordt gebruikt om de pictogrammen van de douaneKoraal te tonen die als deel van dit artikel worden verstrekt.

Correcte sjabloon

Na is het sibleke malplaatje. De code in het malplaatje toont pictogram afhankelijk van het inkomen. De pictogrammen zijn beschikbaar als deel van de koral ui pictogrambibliotheekdie met AEM komt.

<template data-sly-template.incomeTemplate="${@ item}>">
    <td is="coral-table-cell" class="payload-income-cell">
         <div data-sly-test="${(item.workflowMetadata && item.workflowMetadata.income)}" data-sly-set.income ="${item.workflowMetadata.income}">
                 <coral-icon icon="confidenceOne" size="M" data-sly-test="${income >=0 && income <10000}"></coral-icon>
                 <coral-icon icon="confidenceTwo" size="M" data-sly-test="${income >=10000 && income <100000}"></coral-icon>
                 <coral-icon icon="confidenceThree" size="M" data-sly-test="${income >=100000 && income <500000}"></coral-icon>
                 <coral-icon icon="confidenceFour" size="M" data-sly-test="${income >=500000}"></coral-icon>
          </div>
    </td>
</template>

Serviceimplementatie

De volgende code is de de dienstimplementatie voor het tonen van de inkomenskolom.

Regel 12 associeert de kolom met het sibleke malplaatje

import java.util.Map;
import org.osgi.service.component.annotations.Component;
import com.adobe.cq.inbox.ui.InboxItem;
import com.adobe.cq.inbox.ui.column.Column;
import com.adobe.cq.inbox.ui.column.provider.ColumnProvider;

@Component(service = ColumnProvider.class, immediate = true)
public class IncomeProvider implements ColumnProvider {
@Override
public Column getColumn() {

return new Column("income", "Income", String.class.getName(),"inbox/customization/column-templates.html", "incomeTemplate");
}

@Override
public Object getValue(InboxItem inboxItem) {
Object val = null;

Map workflowMetadata = inboxItem.getWorkflowMetadata();

if (workflowMetadata != null && workflowMetadata.containsKey("income"))
    val = workflowMetadata.get("income");

return val;
}
}

Testen op uw server

NOTE
Dit artikel veronderstelt u het steekproefwerkschemaen steekproefvormvan vorig artikelin deze reeks hebt geïnstalleerd.
  • Login aan crx als admin gebruiker
  • sightsjabloon importeren
  • Login aan de Webconsole van AEM
  • Aanpassingsbundel inbox implementeren en starten
  • Open uw inbox
  • Beheer beheren openen door te klikken op Lijstweergave naast de knop Maken
  • Kolom Inkomen toevoegen aan Postvak In en uw wijzigingen opslaan
  • Voorproef de vorm
  • Selecteer de burgerlijke status en leg de vorm voor
  • Mening inbox

Als u het formulier verzendt, wordt de workflow geactiveerd en wordt een taak toegewezen aan de gebruiker van de "beheerder". U moet het juiste pictogram zien onder de inkomenskolom

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e