Как отобразить содержимое oData во всплывающем окне - PullRequest
Новая
       5

Как отобразить содержимое oData во всплывающем окне

0 голосов
/ 18 февраля 2019

Как отобразить данные в html тэге от сервиса oData.Это плагин пользовательского интерфейса.

Пожалуйста, найдите фрагмент кода, приведенный ниже.Я должен показать данные в этой области, где ручной ввод осуществляется на основе некоторых условий.Если у вас есть другие идеи, то поделитесь.Пожалуйста, найдите мой проект в Git URL - zwelcomepopup

Добро пожаловать в систему GW, нажмите кнопку закрытия, чтобы начать свою деятельность. 

<VBox>
    <html:div style="background-color: #fff; padding: 32px 16px 0 16px; margin: 0; overflow: hidden; font-family: Arial, Calibri, Tahoma, Geneva, sans-serif; background-color: #fff; min-height: 296px;">
        <html:h1 style="color: #007cc0; font-size: 25px; padding-bottom: 16px; border-bottom: solid #cdcdcd 4px; font-weight: normal; margin: 0;">
            Whats New</html:h1>
        <html:p style="color: #666; line-height: 20px; margin-bottom: 0; font-size: 16px;">
            ***Welcome to GWX system press close button to start your activity.***
        </html:p>
    </html:div>
</VBox>

1 Ответ

0 голосов
/ 18 февраля 2019

Вы можете открыть диалог SAPUI5 - с вашим контентом OData в вашем компоненте. Js: 

   sap.ui.define(["sap/m/Dialog"], function(Dialog) {

    return Component.extend("my.Launchpad.plugin.Component", {
        init: function() {

            //Read Data...

            var sWelcomeText = this.oModel.getProperty("/WelcomeText"); //Get the OData Content
            var oDialog = new Dialog("myDialog", {
                title: "Whats New",
                content: [
                    new sap.m.Text({
                        text: sWelcomeText
                    }).addStyleClass("sapUiSmallMargin")
                ],
                buttons: [
                    new sap.m.Button({
                        text: "Close",
                        press: function () {
                            oDialog.close();
                        }
                    })
                ]
            });
            oDialog.open();
        }
    });

});
...