ember 按下回车键时触发的动作

Question

我使用 bootstrap 框架在 ember 中编写了此表单。我想在按键输入时捕捉主按钮，但触发了取消操作。

<form {{action 'create' on="submit"}} class="form-horizontal form-bordered formaddObject">

        <div class="form-group">
            <div class="leftColCampaignType">
                <label class="col-sm-3 control-label labelFormCampaign addObject">Campaign's name</label>
            </div>
            <div class="rightColCampaignType">
                {{input value=campaign_name id="campaign_name" placeholder="Enter Name" class="form-control"}}
                <div class="transitionbuttonsinCampsettings transitionbuttonsinAddObject">
                    <button class="btn btn-default"{{action 'cancel'}} style="background-color: #E2E2E2;">Cancel</button>
                    <button class="btn btn-primary" type="submit" style="background-color:#ffa019!important; border:none;">Submit</button>
                </div>
            </div>
        </div>

    </form>

Answer 1

如果您将 type="button" 添加到取消按钮，则在按回车键时不会触发表单提交。

所以您的“取消”按钮看起来像：

<button type="button" class="btn btn-default"{{action 'cancel'}} style="background-color: #E2E2E2;">Cancel</button>

这是一个完整的工作示例，查看来自路由操作的控制台日志： http://emberjs.jsbin.com/pipivibedo/1/edit?html,js,console,output

ember 按下回车键时触发的动作

ember action triggered when press enter

twitter-bootstrap

ember.js