This problem actually stuck me for 1 hours, mainly beginning to think complex.
Because the default if the site to do in-station navigation, we are implemented with JS, and Liferay page is so complex, because the portal page is composed of a portlet, each page ID composition is also very complex, so I have been doing it for a long time did not get out, Until I returned to the basic definition of portal.
In the portal definition, a very important feature is the content aggregation "aggregation", so the aggregation function should be the framework itself to help you do it, all we need to do is define the page (instead of writing the page, the page framework to help you get it done), and then configure, Let the page apply a variety of styles, add the portlet to the page, and then enable the navigation bar, so that the frame itself is associated with each item of the navigation bar navigation to the relevant page.
The steps are as follows:
(1). In Dock-bar, select Manage->page
Because the navigation bar is for the top-most page, it operates at the public page level.
(2) on the left, click "Public Pages"-> Add Page
(3) then enter the name and select the type of page (Portlet, blog, whatever):
(4) Association theme to this page, for this step, you can see another blog post:
http://supercharles888.blog.51cto.com/609344/893580
(5) on the newly created page, add the portlet freely from the DockBar, or add the blog, wiki, etc. directly.
Now, when you test the navigation bar, you will find that every time you click on an item, the following breadcrumb also changes, the page will also jump to the new page.