docs.intersystems.com
Zen QuickStart Tutorial
Adding a Table Navigator
[Home] [Back] [Next]
InterSystems: The power behind what matters   
Search:    

The tableNavigator component displays a set of buttons for scrolling through the pages of data in an associated tablePane component. Do the following to associate a tableNavigator with a tablePane:

  1. Place the tableNavigator on the same page as the tablePane.
  2. Assign the <tableNavigator> element's tablePaneId attribute the id value of the <tablePane> element.
In the HomePage.cls XData Contents block, add a <tableNavigator> element. Assign its tablePaneId the value “contactTable”, the id value of the tablePane component:
XData Contents [XMLNamespace="http://www.intersystems.com/zen"]
{  
...
   <vgroup width="90%">
   <tableNavigator id="contactNav" tablePaneId="contactTable"/>
   <tablePane 
       width="900px" 
      id="contactTable" 
      ...
   >
...
}


Send us comments on this page
Copyright © 1997-2019 InterSystems Corporation, Cambridge, MA