jquery Bread Crumb library for WebFOCUS reports

A common function of a WebFOCUS report is to drill down to another report or the same report with different parameters. Below is an example of a report that drills down to another report that takes the car brand as a parameter.


Figure 1. This is the report that shows all the cars and their lengths. The user can click on any of the car brands to drill down to more details.

 


Figure 2. This is the report after the person has clicked on ALFA ROMEO. It shows all the models for ALFA ROMEO

It’s straight forward to drill down but drilling back up is another story. There are WebFOCUS implementations that include implementing a back button. Really, it just calls the javascript function history.go(-1). Another option is to have parameterized links on the reports to navigate back to a selected value but it does take some planning to make this work properly.

A javascript / jquery alternative

I decided to take the approach of using a bread crumb trail to drill back up. In addition, I chose to use javascript / jquery because I know I could package it up into a clean library that requires only cutting and pasting a small code block (and a little bit of configuring).

Here’s what it looks like:


Figure 3. This shows the Home bread crumb

 


Figure 4. This shows the selected value bread crumb and the ability to click home

You can download the how-to file here.

Enjoy!

posted @ Monday, July 09, 2012 9:44 AM

Print

Comments on this entry:

# re: jquery Bread Crumb library for WebFOCUS reports

Left by Francis Mariani at 7/9/2012 8:32 PM
Gravatar
Sandy, looking forward to trying this in the real world. I do have a version using WebFOCUS but it's definitely not easy to adapt to different applications.

# re: jquery Bread Crumb library for WebFOCUS reports

Left by alexanderc at 7/10/2012 2:39 PM
Gravatar
I'm looking forward to hearing about your experiences using this Francis!

# re: jquery Bread Crumb library for WebFOCUS reports

Left by Bhush at 11/30/2012 7:31 AM
Gravatar
Sandy,
Thanks for the post,this fits my requirement almost perfect(Have to implement it on graphs).Could you help me with "You can download the how-to file here." The link leads me to "This webpage is not available".Could you please share the snippet.

# re: jquery Bread Crumb library for WebFOCUS reports

Left by Bhush at 11/30/2012 7:43 AM
Gravatar
You could also email me the code the snippet .
Adding further on the requirement piece,its a dashboard with 7 tabs and 4 graphs per page with 2 level drill(slice ,dice) on each...
I could add the breadcrumb in graph title,but the catch is Localization(i dont want to get shot on conversions and space)

# re: jquery Bread Crumb library for WebFOCUS reports

Left by alexanderc at 1/1/2013 2:21 PM
Gravatar
@bhush. Sorry for not getting back to you. I've been so busy with projects, that I've neglected my blog. If you are still looking at getting the example, here's another link. http://sdrv.ms/VqIIYC

Hopefully, this works for you!

Your comment:



 (will not be displayed)


 
 
 
Please add 8 and 5 and type the answer here:
 

Live Comment Preview:

 
«June»
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456