如何在Return/Enter键上提交Aviarc表单？

Question

我有一个在表格中创建新记录的表单。它是一系列文本编辑字段，每个字段都有一个来自同一数据集的字段。当我单击一个按钮时，将运行一个ajax工作流，将新值提交到数据库。

有没有办法让点击Return/Enter做同样的事情，就像web表单通常的工作方式一样？

我希望能够使用的代码如下：

<behaviors xmlns="urn:aviarc:widget:com.aviarc.toronto.widget.core.action">
    <when>
        <events>
            <event event="add_problem_record_button.onClick" />

            <!-- how do I ensure this is the Return key? -->
            <event event="add_problem_record_form.onKeyUp" />
        </events>
        <do>
            <call-ajax-workflow name="add-problem-record" />
        </do>
    </when>
</behaviors>

我的主要问题是如何测试按下的是Return键？

Answer 1

文本编辑小部件提供onEnterKey事件：

<when>
    <events>
        <widget-event name="text-edit-1.onEnterKey"/>
        <widget-event name="submit.onClick"/>
    </events>
    <!-- do stuff -->
</when>

更一般地，如果需要在事件处理程序中查找事件，可以从keyCode -parameters数据集中访问它：

<when>
    <events>
        <!-- all these events should provide a keyCode parameter -->
        <widget-event name="my-text-edit.onKeyDown"/>
        <widget-event name="my-text-edit.onKeyUp"/>
        <widget-event name="my-text-edit.onKeyPress"/>
    </events>
    <alert message="{$event-parameters.keyCode}"/>
</when>