Gebruiksscenario's: overzichtspagina's maken use-cases-creating-overviews

Maak één Page webtoepassing en schakel uitgaande overgangen en overgangen naar de volgende pagina uit.

De paginatitel wijzigen.

Deze titel zal in de overzichtskopbal en in het de toepassingsoverzicht van het Web verschijnen.

Wijzig in de eigenschappen van de webtoepassing de rendering van uw toepassing door de Single-page Web application -sjabloon te selecteren.

Open de Page activiteit van uw toepassing van het Web en open een lijst (Static element > List).

Selecteer op het tabblad Data van de lijst het type Web applications document en de kolommen Label , Creation date en Type of application uitvoer.

Maak in het subtabblad Filter het volgende filter, zoals hieronder wordt weergegeven, om alleen webtoepassingen weer te geven en sjablonen uit te sluiten van uw weergave.

Sluit het configuratievenster van de pagina en klik op Preview .

De lijst van de toepassingen van het Web beschikbaar in uw gegevensbestand wordt getoond.

Plaats uw curseur op de Page knoop van uw toepassing van het Web en voeg een Select folder element (Advanced controls > Select folder) toe.

Klik in het Storage -venster dat verschijnt op de koppeling Edit variables .

Wijzig het label van de variabele naar wens.

Verander de veranderlijke naam met de omslag waarde.

Pas het XML type op de variabele toe.

Selecteer de interactie Refresh page .

Plaats de cursor in de lijst en verwijs op het tabblad Advanced naar de variabele die u eerder op het tabblad Folder filter XPath van de lijst hebt gemaakt. U moet de naam van het element gebruiken betrokken bij de omslagverbinding, d.w.z. omslag.

Plaats de cursor op het element Page en voeg een koppeling toe (Static elements > Link ).

Wijzig het koppelingsetiket aangezien het op de knoop in het overzicht zal verschijnen.

In ons voorbeeld, is het etiket Nieuw.

Neem volgende URL op het gebied URL op: xtk://open/?schema=nms:webApp&form=nms:newWebApp.

Kies of u de URL in hetzelfde venster wilt weergeven.

Voeg het toepassingspictogram van het Web op het beeldgebied toe: /nms/img/webApp.png.

Dit pictogram wordt weergegeven op de knop New .

Ga knoop op het Style gebied in.

Naar deze stijl wordt verwezen in de eerder geselecteerde Single-page Web application sjabloon.

Plaats de cursor op het eerder gemaakte lijstelement.

Selecteer op het tabblad General de weergavemodus Columns and additional detail in de vervolgkeuzelijst.

Voeg op het tabblad Data de kolommen Primary key , Internal name en Description toe en selecteer de optie Hidden field voor elke kolom.

Op die manier is deze informatie alleen zichtbaar in de details van elke vermelding.

Voeg de volgende code toe op het tabblad Additional detail :

<div class="detailBox">
  <div class="actionBox">
    <span class="action"><img src="/xtk/img/fileEdit.png"/><a title="Open" class="linkAction" href="xtk://open/?schema=nms:webApp&form=nms:webApp&pk=
    <%=webApp.id%>">Open...</a></span>
    <%
    if( webApp.@appType == 1 ) { //survey
    %>
    <span class="action"><img src="/xtk/img/report.png"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&
      _schema=nms:webApp&_selection=<%=webApp.@id%>
      &__sessiontoken=<%=document.controller.getSessionToken()%>">Reports</a></span>
    <%
    }
    %>
  </div>
  <div>
    Internal name: <%= webApp.@internalName %>
  </div>
  <%
  if( webApp.desc != "" )
  {
  %>
  <div>
    Description: <%= webApp.desc %>
  </div>
  <%
  }
  %>
</div>

Plaats de cursor op het element Page en selecteer Container > Standard .

Plaats het aantal kolommen aan 2, zodat de verbindingsredacteur en de verbinding naast elkaar zijn.

Voor informatie over elementenlay-out, verwijs naar deze sectie.

Pas dottedFilter toe.

Naar deze stijl wordt verwezen in de eerder geselecteerde Single-page Web application sjabloon.

Plaats de cursor op de container die u in het vorige werkgebied hebt gemaakt en voeg een koppelingseditor in via het menu Advanced controls .

Selecteer in het opslagvenster dat automatisch wordt geopend de optie Variables en klik vervolgens op de koppeling Edit variables en maak een XML-variabele voor het filteren van gegevens.

Wijzig het label.

Deze wordt naast het veld Filter in het overzicht weergegeven.

Kies de lijst van Exploitant als toepassingsschema.

Plaats de cursor op het lijstelement en maak een filter via het tabblad Data > Filter :

• Uitdrukking: Buitenlandse sleutel van de "Gemaakt door"verbinding
• Exploitant: evenaart aan
• Waarde: Variabelen (variabelen)
• waarmee rekening wordt gehouden als: '$(var2/@id)'!=''

Plaats de cursor op de container en voeg een Link in via het menu Static elements .

Wijzig het label.

Selecteer Refresh data in a list.

Voeg de eerder gemaakte lijst toe.

Voeg toe verfrist pictogram op het Image gebied: /xtk/img/refresh.png.

Gebruikend de soort-orde pijlen, reorganiseer de diverse elementen van uw toepassing van het Web zoals hieronder getoond.