How to hide and show button based on if row is selected in tabular form

Question

Hi,
Im pretty new to apex. I am using version 4.1. I have a tabular form and what i want to do is only have the delete button show if i select a row from the [row selector] column. Can this be done using a dynamic action? I have tried it that way unsuccessfully. Please help or let me know if you need any more information.
Thanks

Answer 1

Do you mean if the check box is selected in the row?
Assign a static ID to the delete button, e.g. MY_DEL_BTN. Look for "Static ID" under the Attributes section of the button.
If so, make an advanced Dynamic Action based on Click and a jQuery selector. Usually, this element is name "f01" but, you need to make sure. Assuming it is "f01" then your jquery selector would be:
input[name="f01"]set the event scope to live.
Your dynamic action will fire JavaScript. (BE SURE TO UNSELECT FIRE ON PAGE LOAD). To make sure you have the right jQuery selector, at first just put a pop up message in the JavaScript.
alert('You Clicked the Row Selector!');Run the page. Click the row selector. If you get the pop up you have specified the jQuery selector correctly. Yay!
Then, assuming the above is correct. You can now determine if any have been selected.
Now, set it back to SELECT TO FIRE ON PAGE LOAD (You want the delete to be hidden when you first open the page).
Change your JavaScript to this:
var checkedCnt = $("input:checked").length;
if( checkedCnt > 0 )
   $('#MY_DEL_BTN').show();
else
   $('#MY_DEL_BTN').hide();
};-Joe