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

Eén maken Page De toepassing van het Web en maakt uitgaande overgangen en overgangen aan de volgende pagina onbruikbaar.

De paginatitel wijzigen.

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

In de de toepassingseigenschappen van het Web, wijzig het teruggeven van uw toepassing door te selecteren Single-page Web application sjabloon.

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

In de Data selecteert u het type Web applications en de Label , Creation date en Type of application uitvoerkolommen.

In de Filter subtab, creeer de volgende filter zoals hieronder getoond om de toepassingen van het Web slechts te tonen en malplaatjes van uw mening uit te sluiten.

Sluit het configuratievenster van uw pagina en klik Preview.

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

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

In de Storage venster dat verschijnt, klikt u op Edit variables koppeling.

Wijzig het label van de variabele naar wens.

Wijzig de naam van de variabele met de map waarde.

Pas de XML type aan de variabele.

Selecteer de Refresh page interactie.

Plaats de cursor in de lijst en in het dialoogvenster Advanced tabblad, verwijst u naar de variabele die eerder in het dialoogvenster Folder filter XPath van de lijst. U moet de naam gebruiken van het element waarop de mapkoppeling betrekking heeft, dat wil zeggen: map.

Plaats de cursor op de knop Page -element en een koppeling toevoegen (Static elements > Link).

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

In ons voorbeeld is het label Nieuw.

Voeg de volgende URL in het URL-veld in: xtk://open/?schema=nms:webApp&form=nms:newWebApp.

Kies of u de URL in hetzelfde venster wilt weergeven.

Voeg het webtoepassingspictogram toe aan het afbeeldingsveld: /nms/img/webApp.png.

Dit pictogram wordt weergegeven op het tabblad New knop.

Enter knop in de Style veld.

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

Plaats de cursor op het eerder gemaakte lijstelement.

In de General selecteert u de Columns and additional detail in de vervolgkeuzelijst.

In de Data tabblad, voegt u de Primary key , Internal name en Description en selecteert u de Hidden field voor elke optie.

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

In de Additional detail toevoegen:

<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 de knop Page element en selecteer Container > Standard.

Aantal kolommen instellen op 2, zodat de koppelingseditor en de koppeling naast elkaar staan.

Voor informatie over de indeling van elementen raadpleegt u deze sectie.

Toepassen dottedFilter.

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

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

Selecteer in het opslagvenster dat automatisch wordt geopend de optie Variables en klikt u op de knop Edit variables koppelen en een XML-variabele maken voor het filteren van gegevens.

Wijzig het label.

Het verschijnt naast Filter in het overzicht.

Kies de lijst van Exploitant als toepassingsschema.

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

• Uitdrukking: Externe sleutel van de koppeling Gemaakt door
• Operator: is gelijk aan
• Waarde: Variabelen (variabelen)
• Wordt in aanmerking genomen: '$(var2/@id)'!='

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

Wijzig het label.

Selecteer Refresh data in a list.

Voeg de eerder gemaakte lijst toe.

Het pictogram Vernieuwen toevoegen op het tabblad Image veld: /xtk/img/refresh.png.

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