Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Overview

Tabular views show a tabular list of each type of information (devices, links, hosts, etc.) that is being viewed. An example of a tabular view (the Device View) is shown below:

Image Removed

You can make your own tabular view by following this tutorialdisplay information in table form, typically showing one item per row, and providing the ability to sort the rows by clicking on column headers. For example, the Device View is shown here:

Image Added

See this tutorial for details on how to develop a tabular view for your ONOS Application.

View Header

At the top of every tabular view , there is a header that displays the network component you are viewing, with how many of that component is connected. In this example, we are seeing devices, and there are 25 of them in totalproviding the table title on the left, and a set of control buttons on the right.

Control Buttons

On the right, there is an area for The control buttons . On all views, there is a refresh buttonprovide additional functionality for the table view. Most tables include a Refresh-enabled toggle button. Other buttons may also be provided, depending on the view.

Refresh ButtonImage ModifiedRefresh:

...

 Tables with this button auto-refresh every two seconds. Click this button to toggle auto-refresh off and on again.

Table Body

The body of the table is scrollable so you can view all components on the network. Your browser's Find/Search capabilities work in the view, so if you want to quickly find something in the table you can use Cmd-F (Mac) or Ctrl-F (Windows).

"Loading

...

..." Animation

If the server takes more than a few hundred milliseconds to respond, a "loading wheel will appear. The loading wheel appears upon the first time the client requests the information from the server and if it takes longer than 500ms for the server to send a response. It will disappear once there is a server response.Image Removed..." animation will appear, indicating that the client is waiting for a response from the server:

Image Added

Table Columns

The column headers for each section in the table are sortable. Once any header is clicked on, table will be sorted in ascending order and an icon will appear indicating the sorting direction.

...