Skip to content

View Expand en Collapse Buttons

november 2, 2009

In Domino webapplicaties gebruik je de @Command([ViewCollapseAll]) en @Command([ViewExpandAll]) om gecategoriseerde views te laten in- en uitklappen. Hoe doe je dat in XPages?

Collapse Expand Buttons

Figuur 1: Expand All en Collapse All voor XPages

Tibor Koch komt met de volgende oplossing.

Zijn oplossing is gebasseerd op een Custom Control en is dus makkelijk opnieuw te gebruiken. Omdat op een XPage meerdere views kunnen staan wordt er een property gedefinieerd, waarin het het id van het betreffende View Panel vermeld wordt.

Procedure

  1. Creëer een Custom Control met twee Buttons;
  2. Zet de volgende code In de “collapse all” Button:
    var viewPanel = getComponent(compositeData.viewPanelName);
    var model:com.ibm.xsp.model.domino.DominoViewDataModel = viewPanel.getDataModel();
    var container:com.ibm.xsp.model.domino.DominoViewDataContainer = model.getDominoViewDataContainer();
    container.collapseAll();
  3. Zet de volgende code In de “expand all” Button:
    var viewPanel = getComponent(compositeData.viewPanelName);
    var model:com.ibm.xsp.model.domino.DominoViewDataModel = viewPanel.getDataModel();
    var container:com.ibm.xsp.model.domino.DominoViewDataContainer = model.getDominoViewDataContainer();
    container.expandAll();
  4. Defineer een property voor de control met de naam “viewPanelName” en maak de property Required;
  5. Je kan de Custom Control nu voor elke view gebruiken, je hoeft namelijk alleen de naam van het View Panel te specificeren, waarbij viewControls de naam van de Custom Control is en viewPanelName de naam van de property (voor de details zie hieronder “Aanmaken van de Custom Control Property”):<xc:viewControls viewPanelName="viewPanel1"></xc:viewControls>
No comments yet

Geef een reactie

Vul je gegevens in of klik op een icoon om in te loggen.

WordPress.com logo

Je reageert onder je WordPress.com account. Log uit / Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log uit / Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log uit / Bijwerken )

Google+ photo

Je reageert onder je Google+ account. Log uit / Bijwerken )

Verbinden met %s

%d bloggers op de volgende wijze: