Conditional enabling of report fields

Question

Hi,
I have a report region with 2 editable fields (based on DB columns). Lets call them A and B.
I want to enable editing A, only if B is empty, and enable editing B, only if A is empty.
If both are empty, then both should be editable, until the user enters a value to one of them, what will automatically disable the other one.
So how do I do it?
Thanks.
Anat :o)

Answer 1

Hello Anat,
"I want to enable editing A, only if B is empty, and enable editing B, only if A is empty."As the default state of the tabular form is that all columns are enabled, we need to reverse your logic to use the disable terminology. Therefore, if I'm not mistaken, the new logic is this:
- Disable cell in column A if cell in column B is not empty;
- Disable cell in column B if cell in column A is not empty.
This solution is base on two features of the tabular form columns. All the cells in a specific column have the same name. The name derived from the location of the column in the tabular form – The first column is f01, the second is f02 and so on. Every cell in the column has a unique id, derived from the column name and the row serial number. The first cell in the second column will have the id of "f02_0001" and the 4th cell in the same column will have the id of "f02_0004".
First, we will deal with the situation right after loading the tabular form. We are gathering all the cells from columns A and B and evaluate them. For the purpose of this example I'm assuming that column A is 4th, and column B is 6th. In the Region Footer of the report you should place something like the following code:
<script language="JavaScript" type="text/javascript">
<!-- Hide
var colA = document.getElementsByName('f04');
var colB = document.getElementsByName('f06');
for (var i=0; i<colA.length; i++) {
  if (colA.value.length > 0) {
colB[i].readOnly=true;
if (colB[i].value.length > 0) {
colA[i].readOnly=true;
// End Hide -->
</script>
Now we need to deal with the situation where both cells are empty, and the user change one of them. In the report attribute tab, you need to edit the specific columns attributes. In the "Element Attributes" of column A add onchange="setColBtoRO(this);", and for column B add onchange="setColAtoRO(this);"
The corresponding functions will be:
function setColBtoRO(pId)
   elmId = $x(pId).id;
   newElmId = elmId.replace(/f04/,'f06');
   $x(newElmId).readOnly=true;
function setColAtoRO(pId)
   elmId = $x(pId).id;
   newElmId = elmId.replace(/f06/,'f04');
   $x(newElmId).readOnly=true;
}You should add these functions before the closing </script> tag in the report footer.
JS is case sensitive. Please pay attention to that.
Hope this helps,
Arie.