使用另一个字段的更改填充表格表单字段值

Question

在我的 Oracle Apex 应用程序中有一个带有 description, previous_value, unit_price 字段的表格。

我需要用description 字段上的数据填充previous_value 字段的值。我有一个查询要从数据库中获取 previous_value 字段的值。我需要将onChange 事件添加到description 字段。随着 description 字段的变化，previous_value 字段的值应该使用我的查询填充。

我该怎么做？

Answer 1

您可以通过多种方式将更改事件绑定到字段。通过 td 标头定位， 或编辑列，然后在“元素属性”字段中添加一个类（例如“fireAjax”）。 然后，您可以使用 javascript 代码绑定到事件，或通过动态操作执行此操作。

您可以通过以下两种形式进行 ajax 调用：通过 htmldb_Get 或使用 jquery.post：

$('td[headers="ENAME"] input').change(function(){   
   var ajaxRequest = new htmldb_Get( null , $v('pFlowId') , 'APPLICATION_PROCESS=get_job' , $v('pFlowStepId'));
   ajaxRequest.addParam('x01', $(this).val());
   ajaxResult = ajaxRequest.get();
   $(this).closest("tr").find("td[headers='JOB'] input").val(ajaxResult);
});

或

$('td[headers="ENAME"] input').change(function(){
var that = this;
$.post('wwv_flow.show', 
       {"p_request"      : "APPLICATION_PROCESS=get_job",
        "p_flow_id"      : $v('pFlowId'),
        "p_flow_step_id" : $v('pFlowStepId'),
        "p_instance"     : $v('pInstance'),
        "x01"            : $(this).val()
        },
        function(data){ 
           var eJob = $(that).closest("tr").find("td[headers='JOB'] input");
           eJob.val(data);
        },
        "text"
      );
});

使用此应用程序进程，在页面上定义执行点“AJAX 回调”：
名称：get_job

DECLARE
   l_job emp.job%TYPE;
BEGIN
   SELECT job
   INTO l_job
   FROM emp
   WHERE ename = apex_application.g_x01;

   htp.p(l_job);
EXCEPTION WHEN no_data_found THEN
   htp.p('');
END;

请记住，在此过程中处理错误和返回取决于您！确保捕获常见错误，例如 no_data_found 和/或 too_many_rows。如果它们发生并且没有被捕获，那么您很可能会遇到 javascript 错误，因为您的 javascript 回调代码无法处理错误（在 apex 中将是包含错误消息的整页 html）。
此外，如您所见，我正在使用 x01 变量，它是 apex 中的 10 个全局临时变量之一。这样就不需要使用页面项目并将值提交给它的会话状态。

如果您想将此代码放入动态操作中，您可以。如果您选择动态操作，请选择“更改”作为事件和 jQuery 选择器，并选择执行 JavaScript 代码作为真正的操作。然后，您可以将功能代码放在那里。除了 $(this) 需要是 $(this.triggeringElement)