1

我有一个在表中创建新记录的表单。它是一系列文本编辑字段，每个字段都有来自同一数据集的字段。当我单击一个按钮时，将运行一个将新值提交到数据库的 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 键？

4

1 回答 1

1

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

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

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

<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>
于 2012-09-10T06:27:11.033 回答