JDev 10 - disable command button depending on which row is selected

Question

I am using JDeveloper 10, and I have a table which has some data columns and a selection facet with View and Edit command buttons.
I would like all rows to be viewable. When you click the view event it goes to another .jsp with the view action.
It does the same thing with the edit action, however I would like to only allow rows which have an EffectiveDate column in the future to be editable.
Is there some way to disable the edit button when those rows are selected, or to throw a validation error when the edit button is clicked for that row?
Thanks!
Jeff
          <af:table value="#{bindings.RateList.collectionModel}" var="row"
                      rows="#{bindings.RateList.rangeSize}"
                      first="#{bindings.RateList.rangeStart}"
                      emptyText="#{bindings.RateList.viewable ? 'No rows yet.' : 'Access Denied.'}"
                      selectionListener="#{bindings.RateList.collectionModel.makeCurrent}"
                      selectionState="#{bindings.RateList.collectionModel.selectedRow}">
              <af:column sortProperty="RateType" sortable="false"
                         headerText="#{bindings.RateList.labels.RateType}">
                <af:outputText value="#{row.RateDescription}"/>
              </af:column>
              <af:column sortProperty="EffectiveDate" sortable="false"
                         headerText="#{bindings.RateList.labels.EffectiveDate}">
                <af:outputText value="#{row.EffectiveDate}">
                  <f:convertDateTime pattern="dd-MMM-yyyy"/>
                </af:outputText>
              </af:column>
              <f:facet name="selection">
                <af:tableSelectOne text="Select and">
                  <af:commandButton text="View" action="view">
                    <af:setActionListener from="#{row.rowKeyStr}"
                                          to="#{requestScope.requestRowKey}"/>
                  </af:commandButton>
                  <af:commandButton text="Edit"
                                    action="edit"/>
                </af:tableSelectOne>
              </f:facet>
            </af:table>

Answer 1

So, I first tried using Chan advice, I added a new editable property from the database and then added Edit buttons to each row in the table with disabled property set to the editable property.
This correctly displayed buttons which were editable in the correct rows.
However, I was no longer using the select functionality which passed the rowId of the selected row to the edit page.
I wasn't able to quickly solve this problem so I tried John's solution.
I feel really dumb, but after about 20 rereadings it was still completely Greek to me, I have no idea what he was recommending.
So I added onclick="return editTest()" to the Edit button.
The I added ID to the relevant locations, and the following javascript to the page, and this is working well enough now.
(Oh, I display the date in a slightly odd dd-MMM-yyyy format, due to slightly odd customer requirements.)
I've probably misspelled one of the months, haven't yet finished testing.
A couple of gotchas I found
- Do not add onclick="editTest()" or else it will continue processing and allow all rows to be edited.
- Putting date = document.getElementById('mainFormId:tableId:'+i+':EffectiveDateId'); would work for the original search,
but after filtering results i and found_it are not equivalent, and date was not found in the page.
           function editTest(){
              var found_it;
              var date;
              for (var i=0; i < document.getElementsByName('mainFormId:tableId:selected').length; i++)  {
                 if (document.getElementsByName('mainFormId:tableId:selected').checked) {               
found_it = document.getElementsByName('mainFormId:tableId:selected')[i].value;
date = document.getElementById('mainFormId:tableId:'+found_it+':EffectiveDateId');
var result = date.innerHTML.split("-");
var day = result[0];
if (day.charAt(0) == '0'){
day = day.charAt(1);
var month;
var monthTxt = result[1];
switch (monthTxt) {
case 'Jan':
month=0;
break;
case 'Feb':
month=1;
break;
case 'Mar':
month=2;
break;
case 'Apr':
month=3;
break;
case 'May':
month=4;
break;
case 'Jun':
month=5;
break;
case 'Jul':
month=6;
break;
case 'Aug':
month=7;
break;
case 'Sep':
month=8;
break;
case 'Oct':
month=9;
break;
case 'Nov':
month=10;
break;
case 'Dec':
month=11;
break;
default:
month=11;
break;
var year = result[2];
var today = new Date();
var effDate = new Date();
effDate.setDate(day);
effDate.setMonth(month);
effDate.setYear(year);
if (effDate < today) {
alert ('Sorry, you cannot change a rate with an effective date in the past');
return false;
} else {
return true;