Question

我在XML视图中有一个SimpleForm。我想捕获用户按下“输入”按钮的事件，当光标位于简单表单中的任何字段内时，我可以提交表单（实际上我将使用此按下'enter'键解雇将提交表格的sap.m.Button的新闻事件。我搜索了文档，但找不到解决方案。有什么想法吗？

Answer 1

你可以使用onsapenter事件。

    var oInput = new sap.m.Input();
    oInput.onsapenter = (function(oEvent) {
          alert("onEnter");
    });

Answer 2

您可以使用输入控件的submit事件：

<f:SimpleForm
        id="loginForm"
        width="300px"
        maxContainerCols="1"
        editable="true"
        layout="ResponsiveGridLayout"
        class="editableForm">
    <f:content>
        <l:VerticalLayout>
            <Input id="Username" value="{Model>/username}" submit="login"/>
            <Input id="Password" type="Password" value="{Model>/password}" submit="login"/>
            <Toolbar>
                <ToolbarSpacer/>
                <Button icon="sap-icon://initiative" text="{i18n>LoginButtonText}" type="Emphasized" press="login"/>
                <ToolbarSpacer/>
            </Toolbar>
        </l:VerticalLayout>

    </f:content>
</f:SimpleForm>

当然，您需要在控制器上创建一个功能来处理登录（在这种情况下需要调用＆＃39;登录＆＃39;）...

Answer 3

onAfterRendering: function() {
           var self = this;
           jQuery("input").on("keydown",
             function(evt) {
               if (evt.keyCode == 13) {
                 evt.preventDefault();
                 self.doStuff(); //your code
               }
             });
    },

如何使用“Enter”键提交SAPUI5 SimpleForm？

3 个答案: