logo
JBStrap(current)
  • Overview
  • Features
  • Docs (current)
  • Demo
  • Showcase
  • Pricing
  • Log in
JBStrap icon
JBStrap
Learn JBStrap
  • Framework Overview
  • How To Use Jbstrap
    • Setting Up The Environment
    • Maven Archetypes
    • How to deploy a JBStrap application on Wildfly
    • Create Your First App
      • Step 1 Creating Your Project With A Maven Archetype
      • Step 2 Eclipse Project Setup
      • Step 3 Create A New Page
      • Step 4 Create A New Menu Item
      • Step 5 Compile The Application
      • Step 6 Install Your Application
      • Step 7 Run Your Application
    • Step By Step Guide
      • Step 1 Requirements
      • Step 2 Create A Project
      • Step 3 Database Setup
      • Step 4 Domain Classes
      • Step 5 Datadescriptors
      • Step 6 Constants
      • Step 7 The User Interface
      • Step 8 Parameters
      • Step 9 Testing
  • User Interface Structure
    • Client
    • Ui
    • Pages
    • Client Events
    • Executing Javascript
    • Cookie Handling
  • Application Startup
  • Navigation
    • How To Use Jbstrap Pages
    • Navigation Between Pages
    • Pagecache
    • Softlink Url Rewrite
    • Hardlink
  • Building A Page
  • Components
    • General Component Utilities
    • Custom fetch event
    • Layout Components
      • Card
      • Column
      • Container
      • Div
      • Horizontalsplitter
      • Ibox
      • Row
      • Tab
      • Tabpage
      • Verticalsplitter
    • Navigation Components
      • Breadcrumb
      • Navbar
      • Menubar
    • Simple Components
      • Alerts And Notifications
      • Badge
      • Blockquote
      • Button
      • Codeviewer
      • Contextmenu
      • Dropdownbutton
      • Header
      • Htmlflow
      • Image
      • Link
      • Listbox
      • Loadbutton
      • Paragraph
      • Progressbar
      • Small
      • Span
      • Statictext
      • Toolbar
      • Videobox
    • Complex Components
      • Activitystream
      • Calendar
      • Fileminiature
      • Modalwindow
      • Sparkline
      • Table
      • Timeline
      • Treeview
      • Wizard
    • Listgrid Component
      • Filtering In The Listgrid
      • Listgrid Data Management
    • Form Component
      • Creating A Form
      • Calculating Form Fields
      • Form Change Handler
      • Form Rendering
      • Sending A Form To A Servlet
    • Formitem Components
      • Checkboxitem
      • Colorpicker
      • Comboboxitem
      • Datepicker
      • Daterangepicker
      • Duallistbox
      • Fileitem
      • Hiddenitem
      • Integeritem
      • Numberitem
      • Passworditem
      • Radiobutton
      • Selectoritem
      • Statictextitem
      • Switchitem
      • Textitem
    • Filter Components
      • Advanced Filter
      • Simple Filter
      • Text Filter
    • Charts
      • Area Chart
      • Bar Chart
      • Bubble Chart
      • Bullet Chart
      • Donut Chart
      • Dot Chart
      • Funnel Chart
      • Gauge Chart
      • Horizontal Bar Chart
      • Horizontal Stacked Bar Chart
      • Line Chart
      • Pie Chart
      • Population Pyramid Chart
      • Stacked Area Chart
      • Stacked Bar Chart
  • Event Management
    • Component Event Matrix
    • Creating Custom Events
  • Data Management
    • Data Management Entities
    • Jpa
      • Jpa Dao
      • Jpa Entity Class
      • Native Sql
      • Transaction Handling
    • Jpa Additional Annotations
      • Audit
      • Foreign Key
      • History
      • Scd
      • View Mapping
    • Elasticsearch
      • Elasticsearch Dao
      • Elasticsearch Entity Class
      • Elasticsearch Annotations
      • Elasticsearch Transaction Handling
      • Searching In Multiple Indexes
    • Ldap
      • Ldap Connection
      • Ldap Dao
    • Rest
      • Rest DAO
  • Datadescriptor Solution
    • How To Use A Jbstrap Datadescriptor
    • Datadescriptor Metadata Structure
      • Editor Types
    • How To Create A Datadescriptor Programmatically
    • Jpa Datadescriptor
    • Sql Datadescriptor
    • Elasticsearch Datadescriptor
    • Ldap Datadescriptor
    • Inmemory Datadescriptor
    • Rest DataDescriptor
      • Rest handlers example
      • Rest utils
  • Access Control And Security
    • User Handling
    • User Roles
    • User Login And Logout
    • Component Level Permissions
  • File Handling
    • Filestoreapi
    • File Storage
    • Uploading A File Programmatically
    • Form File Handling
  • Message Bus
    • Using the Message Bus
    • Message based development
  • Geographical Map
    • Adding A Different Base Map Layer
    • Add Shapes To The Map
    • Geocoding
    • Geolocation
    • Map Settings
    • Using The Map With A Datadescriptor
  • Utilities
    • Booleanconverter
    • Utils
    • Validators
    • Multi Language Support
    • Mailapi
    • Parameters
    • Icons
    • Using Custom Javascript
  • Custom web components
    • Component extensibility
    • Component interfaces
    • Reusing components
    • Create a new component
    • Javascrip based components
    • Custom filter components
    • Creating a custom FormItem
  • Working With Jbstrap Plugins
    • Creating Your Own Plugin
    • Elasticsearch Plugin
    • Geographical Map Plugin
    • Ldap Plugin
    • Rest Plugin
  • Testing Debug Support
  • Themes And Styles
    • Style Customization
    • Themes
    • Sass Variables
      • Bootstrap Variables
      • General Variables
      • Component Specific Variables
  1. Learn JBStrap
  2. JBStrap navigation
  3. Navigation Between Pages

Navigation Between Pages

To navigate between pages, use the navigateTo() method of the Client class. You need to specify the page ID of the page you want the client to display. The UI won’t be replaced unless you register the new page to another UI, if there is no need to replace the UI, the current UI will remain. Only the page content will be replaced, thereby ensuring fast navigation. This also means fewer resources are used on the client side.

Table of Contents:
  • Navigating to a page
  • Navigating and passing a parameter to the page

Navigating to a page

If you want to navigate to a page from a menu or another page, you have to call this method. To be able to navigate, you must define an endpoint which is identical with the pageId you specified when registering the page ( Registering a page ). Once this is done, the page is loaded into the client browser.

Navigating and passing a parameter to the page

There are multiple ways to open a page, depending on where the navigation starts from.

If you pass a parameter when opening a page, the parameter will be processed along with default page parameters. If the passed parameter has the same name as a default page parameter, the passed parameter will overwrite the default one.

You can add default page parameters when you register a page. To learn more, visit the  Component Management  section.

Previous page Next page