代码之家 › 专栏 › 技术社区 › MJBZA

如何在SAPUI5中调整对话框大小后触发事件?

sapui5

MJBZA · 技术社区 · 6 年前

我有一个sap.m.对话。

调整对话框大小后,我需要触发事件处理程序。

如何在SAPUI5中的对话框没有resize事件时注册此事件处理程序。

2 回复 | 直到 6 年前

rcedillo 6 年前

根据文件 sap.m.Dialog 有一个 可调整大小 允许 sap.m.对话框拥有 调整处理程序大小 。如果将该属性设置为真的你可以用 sap.ui.core.ReisizeHandler 去处理那件事。

见下文 example 也在jsbin上。

var oDialogResize = new sap.m.Dialog('resizableDialog', {
            title: "Resizable Dialog",
            resizable: true,
            content: [
                new sap.m.Label("label1",{text: ""}),
                new sap.m.ToolbarSpacer(),
                new sap.m.Label("label2",{text: ""})
            ],
            endButton: new sap.m.Button('resizeDialogCloseButton', {
                text: "Cancel", press: function () {
                    oDialogResize.close();
                }
            })
        });



var oButton = new sap.m.Button({
  text: 'Open',
  press: function() {
    oDialogResize.open();
  }
  
}).placeAt('content');

oButton.addEventDelegate({
     "onAfterRendering": function () {
          sap.ui.core.ResizeHandler.register(oDialogResize, function(oEvent){
            console.log("ResizeEvent");
            sap.ui.getCore().byId("label1").setText(" W:" + oEvent.size.width);
             sap.ui.getCore().byId("label2").setText(" H: " + oEvent.size.height);
          });
     }
}, this);

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script 
            src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" 
            id="sap-ui-bootstrap" 
            data-sap-ui-theme="sap_bluecrystal" 
            data-sap-ui-xx-bindingSyntax="complex" 
            data-sap-ui-libs="sap.m"></script>
  </head>
  <body class="sapUiBody">
    <div id='content'></div>
  </body>
</html>

alexP 6 年前

向对话框中添加事件侦听器:

this.myDialog.attachBrowserEvent("resize", function(){ 
  console.log("Resize done");
});

this.myDialog.open();

推荐文章

Michael K. · ValueHelpDialog的空结果消息是否可以定制?

3 年前

05_pingpong · 从TableSelectDialog到表单的数据绑定

7 年前

Mark Rabjohn · Chrome源代码未显示从Typescript生成的文件,并且具有源代码映射

7 年前

THI · 匹配两个文本字段的输入

7 年前

Chan Yoong Hon · SAPUI5将数据添加到HanaDatabase

7 年前

Tina Chen · 如何在SAPUI5中实现数据绑定?

7 年前

user2644620 · sapui5 sap。用户界面。table如何通过编程取消选中表行复选框

7 年前

rs9 · 使用sap中的数据绑定进行数据绑定。m、使用XML视图的表

7 年前

Recobe · SAPUi5文件上载程序设置WebKitFormBoundary

7 年前

user9657450 · 如何在智能表sapui5中只编辑一个单元格

7 年前