How to (un)hide report columns based on checkboxes?

Question

Hello,
I have a simple report that selects 4 columns from a table.
I would like to create 2 check boxes (at the report level, not at the row level) corresponding to 2 of the 4 report columns: When they are checked, the corresponding columns are visible. When they are unchecked, the corresponding columns are NOT visible.
Two questions:
1.
This would require submitting the page automatically upon (un)checking either check box. How do I do that?
2.
I have attempted to use the Conditional Display properties of the report columns with hard coded values, but they don't seem to work whether the Show property of the columns is on or off. Any idea why and how to get around it? (I am using 3.2. Could this be a bug that has been fixed in 4?)
Thanks!
Gabor

Answer 1

Hi,
I can not find post where I have explain how sample works.But here it goes:
You need load jQuery in page template or page HTML header if you are not using Apex 4.
Create new blank page. In my case new page id is 70.
Create HTML region to new page called Columns. Use wizard defaults
Create hidden item Px_REPORT_REGION_NAME. Use wizard defaults.
In my case hidden item name is P70_REPORT_REGION_NAME .
Create computation before header for hidden item. Computation Type "Static Assigment".
In computation write name you like use to your report. My case I did write "Employee report".
Create SQL Report. In region title place your hidden item like
&P70_REPORT_REGION_NAME.In my case I did use query
SELECT *
FROM empCreate check box. In my case it is called P70_SHOW_HIDE.
Use from LOV query
SELECT heading,
  display_sequence
FROM APEX_APPLICATION_PAGE_RPT_COLS
WHERE application_id = :APP_ID
AND page_id          = :APP_PAGE_ID
AND column_is_hidden = 'No'
AND region_name        = '&'||'P70_REPORT_REGION_NAME'||'.' -- Change P70_REPORT_REGION_NAME to your hidden item name
ORDER BY 2Place to report region footer
<script type="text/javascript">
function hideCol(pThis){
   var lRepId = '#report_data_#REGION_ID#';
   var lCol   = pThis.value;
   if(pThis.checked){
     $(lRepId + ' td:nth-child(' + lCol + ')').show();
     $(lRepId + ' th:nth-child(' + lCol + ')').show();
   }else{
     $(lRepId + ' th:nth-child(' + lCol + ')').hide();
     $(lRepId + ' td:nth-child(' + lCol + ')').hide();
</script>Edit checkbox item and place to HTML Form Element Attributes
CHECKED onclick="hideCol(this);"Your report template most inner table tag must have id attribute
id="report_data_#REGION_ID#"Then you have result like this
https://apex.oracle.com/pls/otn/f?p=40323:70
Regards,
Jari
Edited by: jarola on Oct 27, 2010 11:13 PM
Note about Apex 4 and jQuery added