How to access row number in editable grid using javascript? [RESOLVED]

<script type="text/javascript">  
function CalcQuantity(){  
  
row_id = ?????; //help  
  
  vQuantity = document.getElementById("editablegridnameQuantity_"+row_id).value;  
  vSalesRate = document.getElementById("editablegridnameSalesRate_"+row_id).value;  
  document.getElementById("editablegridnameNetTotal_"+row_id).value = ((vQuantity * 1) * (vSalesRate * 1)).toFixed(2);  
} 

Quote :

That's what I used to think. The trick is to create unique IDs for the row elements you want to work with, e.g., insert something like

id="Textarea1_{EditableGrid1:rowNumber}"

into the HTML element within the Row block, using the appropriate rowNumber variable name.

You canuse the {EditableGridName:rowNumber} syntax on as many elements as you like,
but put some string along with it to identify the element within the row.
Javascript will then have access to every individual element in every row via getElementById().
You probably will have to define the event actions by hand, as the CCS client-side events only fire once AFAIK. (Could be wrong there.)

          <tr id="row{RowIDAttribute}" class="Row" title="{RowNameAttribute}" {RowStyleAttribute}>  
            <td width="35">  
 <select style="WIDTH: 120px" id="estimatelinedetailItemRef_{estimatelinedetail:rowNumber}" name="{ItemRef_Name}">  
   <option selected value="">Select Value</option>  
   {ItemRef_Options}  
 </select>  
 <br>  
 <select style="WIDTH: 120px" id="estimatelinedetailPreferredSupplier_{estimatelinedetail:rowNumber}"  
 name="{PreferredSupplier_Name}">  
   <option selected value="">Select Value</option>  
   {PreferredSupplier_Options}  
 </select>  
 <br>  
 <select style="WIDTH: 120px" id="estimatelinedetailClassRef_{estimatelinedetail:rowNumber}" name="{ClassRef_Name}">  
   <option selected value="">Select Value</option>  
   {ClassRef_Options}  
 </select>  
 </td> 

<tr id="row1" class="Row" title="FillRow" >   
<td width="35">   
 <select style="WIDTH: 120px" id="estimatelinedetailItemRef_1" name="ItemRef_1">   
   <option selected value="">Select Value</option>   
   <OPTION VALUE="1">Translation: English-French</OPTION>   
<OPTION VALUE="2" SELECTED>Translation: English-German</OPTION>   
<OPTION VALUE="4">Translation: English-Welsh</OPTION>   
 </select>   
 <br>   
 <select style="WIDTH: 120px" id="estimatelinedetailPreferredSupplier_1" name="PreferredSupplier_1">   
   <option selected value="">Select Value</option>   
   <OPTION VALUE="2">Peter Popovic (Staples Incorporated)</OPTION>   
<OPTION VALUE="5">Pauline Wordsworth (Terminate Terminology)</OPTION>    
 </select>   
 <br>   
 <select style="WIDTH: 120px" id="estimatelinedetailClassRef_1" name="ClassRef_1">   
   <option selected value="">Select Value</option>   
   <OPTION VALUE="1">In-house</OPTION>   
<OPTION VALUE="2">Out-of house</OPTION>   
   
 </select>   
 </td> 

var fieldname = document.estimatelinedetail.elements[1].name;  
strtpos = fieldname.lastIndexOf("_");   
row_id = fieldname.substring(strtpos+1);   

<script type="text/javascript">  
function CalcQuantity(field){  
	with (field) {  
var fieldname = name;  
strtpos = fieldname.lastIndexOf("_");   
row_id = fieldname.substring(strtpos+1);   
  
//The following lines of code get values of fields in the calling row and perform calculations and set values of fields with these results    
vQuantity = document.getElementById("estimatelinedetailQuantity_"+row_id).value;  
vPurchaseRate = document.getElementById("estimatelinedetailPurchaseRate_"+row_id).value;  
vSalesRate = document.getElementById("estimatelinedetailSalesRate_"+row_id).value;  
vTaxCodeRef = document.getElementById("estimatelinedetailTaxCodeRef_"+row_id).value;  
vMarkupRate = document.getElementById("estimatelinedetailMarkupRate_"+row_id).value;  
vMarkupRatePercent = document.getElementById("estimatelinedetailMarkupRatePercent_"+row_id).value;  
document.getElementById("estimatelinedetailNetTotal_"+row_id).value =   
  ((vQuantity * 1) * (vSalesRate * 1)).t oFixed(2);  
document.getElementById("estimatelinedetailVATamount_"+row_id).value =   
  ((vQuantity * 1) * (vSalesRate * 1) * (vTaxCodeRef /100)).toFixed(2);  
document.getElementById("estimatelinedetailGrossFee_"+row_id).value =   
  (((vQuantity * 1) * (vSalesRate * 1)) + ((vQuantity * 1) * (vSalesRate * 1) * (vTaxCodeRef /100))).toFixed(2);  
document.getElementById("estimatelinedetailMarkupRate_"+row_id).value =   
  (((vQuantity * 1) * (vSalesRate * 1)) - ((vQuantity * 1) * (vPurchaseRate * 1))).toFixed(2);  
document.getElementById("estimatelinedetailMarkupRatePercent_"+row_id).value =   
  (((((vQuantity * 1) * (vSalesRate * 1)) - ((vQuantity * 1) * (vPurchaseRate * 1)))/((vQuantity * 1) * (vPurchaseRate * 1)))*100).toFixed(2);  
	}  
}  
</script>

<td width="90"><input id="estimatelinedetailQuantity_{estimatelinedetail:rowNumber}"   
 onchange="CalcQuantity(this)" value="{Quantity}" maxlength="12" size="5" name="{Quantity_Name}"></td>