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"，则在按Enter键时不会触发表单提交。

所以你的取消按钮看起来像：

<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

按下输入时触发的余烬动作

1 个答案: