Asp.net navigation history

Question

How can I implement page navigation history, for example, the functionality found in:

jggrid demo

When you click on the link that opens a new page, this page name is added as a tab to the top panel. Then you can return to these pages by clicking on the added tabs; and you can also delete tabs.

Is there a tutorial somewhere on how this can be achieved (or perhaps a jquery plugin)?

Answer 1

Regarding the argument below (in the comments): I would say that the functionality shown on the jqgrid website is neither panic nor tabbed in the sense of traditional navigation.

Breadcrumbs traditionally follow the navigation hierarchy and reset / are cleared when opening a new section or area of ​​the site. The jqgrid site does not match this behavior.

As for the tabs , yes, they are designed as tabs, but this is really just a constant list of browsing pages. In this case, they can be closed and opened without a common connection with each other.

In pseudo code, achieving this is pretty simple.

The navigation block (left) is a static placeholder that contains links to various pieces of content.

Content block (right side) - static placeholder for dynamic content fragments

Order of events:

• The user clicks on the element Navigation block (link)
• Get the contents of an element (via ajax or preloaded object)
• Display the content of the element on the placeholder (tab in this case) in the Content Block (here you can use jQuery tabs or any other display element)

Placeholders (tabs) keep a heap and have nothing to do with how and where the user moves on. Closing does not affect existing open positions.

Here is a really simple example - http://jsfiddle.net/aZa9d/7/

Answer 2

They are called "breadcrumbs." There are tons of jQuery plugins.

Answer 3

Have you ever used Ext.Net? Check out these tab bars and you can find your solution. Good luck