Browsing Form, Master/Detail

In administrative environments we find with the requirement of a master/detail form. For example to browse the employee in a certain department, or the clients who bought each one of our products.

Based on the Human Resources Oracle application we will make a master/detail to navigate over the company departments.

Example application in HRApplication.zip.

Create a New > JSF Page, using the template created in the last articles.

From the Components Palette add a “Panel Spliter” change it to vertical in order that the master will be over the detail table.

From “Data Controls” window drag the departmentsfindAllselecting the  “ADF Read-only Form”, delete all the fields except the department one, and include navigation buttons (selecting it):

Creating Master

We create the detail by selecting from the “Data Controls” departmentsFindAll > employeesList, and dropping it to the bellow quadrant. Select all relevant fields for the employer, and filtering, sorting and selecting capabilities:

Creating detail table

In the eployee-detail-table select in the properties window Behaviour > PartialTriggers >Edit, select the four buttons for the master table, to change when the user touch them:

Selecting buttons for behaviour

To test it, select “Run” over the browse.jspx page:

Master/Detail view

In this view you can see the versatility of the tables, you can:

  • Move the columns.
  • Sort by every column ascendant/descendant.
  • Filter over each column with a find string.

Very interesting features in an administrative environment.

14 thoughts on “Browsing Form, Master/Detail

  1. Hello there, I do think your website could be having web browser compatibility issues.
    When I take a look at your site in Safari, it looks fine however, when opening in I.E., it’s got some overlapping issues.
    I just wanted to provide you with a quick heads up! Apart from
    that, excellent website!

  2. Yes, I was able to implement last tab to be seeltced by default. Actually we have developed our own template, where we handle tab labels, also last tab to be seeltced by default. Is not so easy to explain, it would require code posting, because its all in Java. May be in the future we will post it on the blog, for now we use it only in our projects as alternative for UI Shell template.For example, for the last tab – we always keep dummy invisible tab at the end and replace it with newly added tab and mark it seeltced. Dummy tab is shift to the right, this allows to mark last tab seeltced.Andrejus

  3. Hi, I think your blog might be having browser compatibility issues.
    When I look at your website in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up!
    Other then that, awesome blog!

  4. Hi All. After reading commentaries, I was surprised that no one tell us about the most important thing about this new (for some people) professionnal way of download files. It can be discribed as a quality step up : Yes …You can expect all new downloads and check the sound of music that ftp save and never lose during transfert…You can compare between before & now !!! Thank you Admin !

  5. claro que existem algumas outras modificações neste RC1 do WordPress 2.6 que você pode conferir, caso deseje. Procurei ressaltar as que achei mais interessantes, e espero que você também tenha

  6. I’m not sure about the exact answer to this, but I think kids see brighter colors more effectively than adults, thus the constant disagreement when choosing colors of various things.References :

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>