ADF ListView – Example

Home/ADF/ADF ListView – Example

ADF ListView – Example

This section, I have created an ADF listview with the little design. The following topics are described in this section

1. Create ADF ListView from a view object

2. Design ADF ListView using PanelGroupLayout

Download project ADFListView

ADF ListView – Example started

In my ADF Fusion application, I have created Employee Entity and View object. I have used the Employee View object to create the Listview. As shown below, I dropped the EmployeeView object from the data control palette into the JSF page and selected ADF List View to create ListView.

081516_0106_ADFListView1 ADF ListView – Example

Selected ‘Panel Group Layout.’

081516_0106_ADFListView2 ADF ListView – Example

Add the columns you like to this panel using the green plus icon

081516_0106_ADFListView3 ADF ListView – Example

 

It creates the listview like below. The default format is not good; we could modify this using PanelGroupLayout

 

The ListView must contain only one ListItem component and the columns are converted into outputFormatted. We could use the PanelGroupLayout to format the column values.As shown in the below diagram, the top box (PanelGroupLayout) is formatted like a row in a table and inner boxes  (PanelGroupLayout) are like cells in the row.Using the layout property, the contents inside the are either horizontal or vertical.

081516_0106_ADFListView4 ADF ListView – Example

Below is the re-designed ListView. I have used the PanelGroupLayout to make Rows and columns and made it like table kind of structure. I have represented smileys for the salary. The smileys changes depends on the salary.

 

ADF List View will render like below in the browser

081516_0106_ADFListView5 ADF ListView – Example

govindan ADF ListView – Example
Connect me

Govind

Thank you for visiting my personal blog. Myself Govindan, Software Developer by profession since 2006 and hence I started this blog early in 2016 and ever since I've been writing about technologies experienced and learnings of everyday life.

The views expressed on this blog are my personal views and do not necessarily reflect the views of my employer.

Please feeling free to reach me on any comments and feedbacks you have. Would be more than glad to listen and reply 🙂
govindan ADF ListView – Example
Connect me
By | 2016-08-30T20:21:30+00:00 August 14th, 2016|Categories: ADF|Tags: , , , , |0 Comments
Like us on Facebook.
Connect!