Friday, February 6, 2009

APEX: Checkboxes in tabular reports

This is a response to Patrick Wolf's posting Checkboxes in Tabular Forms - The easy way!. I think I found a solution that's even easier than that of one of the APEX gurus ;-). Because Patrick's blog software ate my html comments, I'll write it here again.

First, the generic CSS and JavaScript part. In my test case I put the following code in the page header. If something like this goes production, it should be in separate files, of course:

<style type="text/css">
.js_checkbox { display:none; }

<script src=""></script>

<script language="JavaScript" type="text/javascript">
function set_yn(i_checkbox,i_apex_field_id) {
document.getElementById(i_apex_field_id).value =
(i_checkbox.checked? "Y" : "N");

$().ready(function() {
$(".js_checkbox").each(function() {
$(this).after("<input id='""_js' type='checkbox' "+
(this.value==="Y" ? "checked='checked' " : "") +


Second, the column definition:
* Display As: Text Field (the default)
* Element Attributes: class="js_checkbox"

Please note that this code is just a quick hack in response to Patrick's topic, not thoroughly tested etc.


ram said...

hi ,
great post ... thanxs for posting this .... ;)

Vitek said...

I have to confirm, its very nice and sexy cript :)

But I'm experiencing one issue.
When using that when I'm creating new record, I leave it unchecked and the field in DB cannot be null, then it fails, becouse it tries to fill this field with null value ...

Any advice?

(I know, there is workaround - use trigger to fill it with any default value, but it's not so 'sexy' as it was before :D )

with kind regards