如何在Orbeon XForms动作中调用JavaScript？代码无响应排查

你遇到的问题主要出在脚本/控件的放置位置和保存事件的绑定目标上，我来帮你一步步修正：

1. 控件与事件动作必须放在<xh:body>中 #

你把<xf:trigger>和<xf:action>都放在了<xh:head>区域，这是错误的。Orbeon的XForms可视化控件（比如按钮触发器）和事件响应动作，必须放在<xh:body>内才能被正确渲染和触发。<xh:head>仅用于定义模型、样式、全局资源这类非可视化内容。

2. 绑定表单保存的正确事件 #

点击Form Runner的Save按钮后，触发的是Form Runner封装的**fr-save-done**事件，而非通用的xforms-submit-done（后者是底层XForms提交的基础事件，不会直接对应表单保存完成的场景）。另外，你需要把这个动作绑定到表单的主模型fr:form-model上，确保事件能被正确捕获。

3. 修正后的完整代码示例 #

下面是调整后的代码结构，你可以直接参考：

<xh:html xmlns:xh="http://www.w3.org/1999/xhtml" 
         xmlns:xxf="http://orbeon.org/oxf/xml/xforms" 
         xmlns:fr="http://orbeon.org/oxf/xml/form-runner" 
         xmlns:xf="http://www.w3.org/2002/xforms">
    <xh:head>
        <!-- 这里放模型、全局定义、样式等内容 -->
        <xf:model id="fr-form-model" fr:name="your-form-name">
            <xf:instance id="fr-form-instance">
                <!-- 你的表单数据结构 -->
            </xf:instance>
            <!-- 将保存完成事件绑定到主模型 -->
            <xf:action event="fr-save-done" type="javascript">
                console.log('保存完成！');
                alert('保存成功！');
            </xf:action>
        </xf:model>
    </xh:head>
    <xh:body>
        <!-- 这里放所有可视化控件 -->
        <xf:trigger>
            <xf:label>触发测试</xf:label>
            <xxf:script event="DOMActivate">
                console.log('触发器被点击！');
                alert('触发器激活！');
            </xxf:script>
        </xf:trigger>
        <!-- 其他表单控件 -->
    </xh:body>
</xh:html>

额外检查建议 #

• 如果你是用Form Builder编辑表单，建议通过「Edit Source」功能修改源码，避免外部文件修改不生效的问题；
• 打开浏览器开发者工具（F12）查看Console面板，排查是否有脚本语法错误或元素找不到的报错，这能快速定位隐藏问题；
• 也可以直接在Form Builder的可视化「Actions」面板绑定fr-save-done事件，减少手动写代码的出错概率。

内容的提问来源于stack exchange，提问作者Joaquín