Setting values to Display Only item during AJAX request

Question

Hello,
Good Morning!
In a master-detail form, in the detail report, I am populating two columns SERVICE_TAX_PCT and SERVICE_TAX_AMOUNT by making an AJAX request after selection of ACCOUNT_CODE.  Values are populated with out any issue. 
However, as soon as I make those two fields as Display Only, the values are not getting set.  Is there a way to set the values to a field in the same time it should be restricted for user to change it?
(APEX 4.2.6)
Thanks,
-Anand

Answer 1

Hi Anand,
anand_gp wrote:
Hello,
Good Morning!
In a master-detail form, in the detail report, I am populating two columns SERVICE_TAX_PCT and SERVICE_TAX_AMOUNT by making an AJAX request after selection of ACCOUNT_CODE.  Values are populated with out any issue.
However, as soon as I make those two fields as Display Only, the values are not getting set.  Is there a way to set the values to a field in the same time it should be restricted for user to change it?
(APEX 4.2.6)
check the example
Step 1: Edit your page
under CSS->Inline put the code given below
.row_item_disabled {
   cursor: default;
   opacity: 0.5;
   filter: alpha(opacity=50);
   pointer-events: none;
Step 2 : I guess you have Javascript function similar like given below
you have to extract rowid first, for which you want to set the percentage , see line 6
and see line 18, for disabling the column of that row.
<script type="text/javascript">
   function f_fetch_tax_percentage(pThis) {
   var ajaxRequest;
   var ajaxResult;
   var row_id = pThis.id.substr(4);
   var percentage    = 'f05_' + row_id;   // replace f05 with the rowid of percentage column
   ajaxRequest = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=TAX_DTLS',0);
   ajaxRequest.addParam('x01',$v(pThis));
   ajaxResult = ajaxRequest.get();
   if ( ajaxResult.length > 0 ) {
   // set percentage
   $('#'+percentage).val(parseFloat(ajaxResult));
   // disable percentage column
   $("#f05_" + row_id).attr("readonly", true).addClass('row_item_disabled');        
</script>
Hope this helps you,
Regards,
Jitendra