Question

我是SAPUI5开发新手......幸运的是，我只是在与前端合作但仍需要一些帮助。这完全是设计问题......

1）我无法获得ShowSuggestion＆＃39;按钮移动到输入字段的末尾

2）我希望我的标签和图像居中并排在一边

这是我当前屏幕的样子： Actual look on my app

以下是我希望它看起来的样子： What I want

以下是两种情况的代码： 1）

＆＃13;

        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");

＆＃13;

2）

＆＃13;

 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")
                    ]



        }),

＆＃13;

SAPUI5 HBox对齐项目

0 个答案: