0

我是 SAPUI5 开发的新手……幸运的是，我只使用前端，但仍然需要一些帮助。这纯粹是设计问题......

  1. 我无法将“ShowSuggestion”按钮移到输入字段的末尾

  2. 我希望我的标签和图像居中并并排

这是我当前屏幕的样子：

我的应用程序的实际外观

这就是我希望它的外观：

我想要的是

这是两种情况的代码：1）

        this.transmitter = new sap.m.Input({
            width: myCurrentData.IS_MOBILE ? "90%" : "100%",
            id : this.createId("transmitterControl"),
            value : "{transmitter>serviceName}",
            enabled : true,
            editable : true,
            showSuggestion : true,
            showValueHelp : true,
            valueHelpOnly : true,
            valueHelpRequest : oCon.handleValueHelp,
            suggestionItems:{
                path:"/transmiters",
                template: new sap.ui.core.Item({text:"{transmitter/serviceId}", key:"{transmitter/serviceId}"})
            },
            change : function (evt) {
                oCon.onInputControlChange(evt);
            },
        });

        this.div_transmitter = new sap.m.VBox({

            items: [
                new sap.m.Label({ alignItems: sap.m.FlexAlignItems.Center,
                    justifyContent: sap.m.FlexJustifyContent.Center,
                    textAlign: "Center",
                    text: "Selecciona un servicio"
                }).addStyleClass("Text_Big font_bold"),
                new sap.m.HBox({
                    width:"100%",
                    items: [
                        this.transmitter
                    ]
                })
            ]
        }).addStyleClass("Content_Fields_DIV");

2)

 this.referencelabel = new sap.m.HBox({
            width:"100%",
            justifyContent : sap.m.FlexJustifyContent.Start,
            alignItems : sap.m.FlexAlignItems.Center,
            items: [

                        new sap.m.Label({
                            textAlign: "End",
                            text : "{i18N>payments.services.payForService.referenceNumber}"
                        }).addStyleClass("Text_Big font_bold"),
                        new sap.m.Image({
                            id: this.createId('servicePaymentQuestion'),
                            src: IMAGES.CUSTOMER.QUESTION
                        }).addStyleClass("Enrollment_TDD_Camera")
                    ]



        }),

4

0 回答 0