Popup to show record info

Question

Hi ,
I have below requirement.
I am displaying table data using table element.
For every record , i will have one button at the end in layout.On clicking the button a pop up should open which contains some information on selected record.Can i use Onclientclick of button element.
How can i achieve this functionalty.
Thanks
--Pradeep

Answer 1

Hi Pradeep,
Using javascripts, anything is possible. This can also be achieved using AJAX. But I can't explain you all the steps here. Since it is a lot to be written. But if you learn the DOM Tree navigation and AJAX concepts, then you can do this very easily.
The solution can be split into 3 steps
1. Catch the button click event
2. Retrieve the data for display.
3. Fill the data in the popup.
Step1 & Step2:
When the button is triggered, this event can be captured at the backend and based on the rowindex and id of the button, i suppose you can retrieve the corresponding row from the table.
or
If you want to trigger a client side event, you need to navigate the existing tableview structure to find out your records or you could make an ajax call and retrieve your values.
Step 3:
During this serverside event, you can set a flag at the back end and this backend variable value can be passed on to a javascript variable and based on the value set you could decide on whether to open a popup window.(another page) using the scripts which will display the retrieved data.
or
If you have used ajax then in the call back function you could open a popup using the javascripts.
Please remember the popups need not be a seperate window, you could also make a <div> element act as a popup inside a page.
All the variables can be maintained in the application class of bsp for it can be shared to all the bsp pages.
Hope it helps!
Regards,
Maheswaran
Edited by: Maheswaran B on Jan 4, 2010 4:40 PM