输入框旁边有按钮，可缩短输入框宽度SAPUI5的宽度

Question

我正在flexbox中动态添加一个simpleform。 flexbox项目包含输入框和两个按钮（在同一行中）。这减小了输入框的宽度。

当我尝试增加输入框的宽度时，它被按钮覆盖（增加宽度后，按钮在框旁边不移动）。我希望它们在同一行中，输入框的宽度要足够长。

这是我的XML结构：

<Panel setVisible="true">
            <f:SimpleForm id="site" 
                editable="true"
                layout="ResponsiveGridLayout"
                singleContainerFullSize="true"
                labelSpanXL="3"
                labelSpanL="3"
                labelSpanM="3"
                labelSpanS="3"
                emptySpanXL="2"
                emptySpanL="2"
                emptySpanM="2"
                emptySpanS="2">
                <f:content>
                    <Label text="site" required="true" />
                        <l:VerticalLayout id="VLayout">
                        </l:VerticalLayout> 

我要在片段加载时动态地将flexbox添加到Vertical Layout中：

var addIcon = new sap.m.Button({
  id: "addB",
  icon: "sap-icon://sys-add",
  type: "Transparent"
});
var oInput = new sap.m.Input();
var inputBox = new sap.m.FlexBox({
  alignItems: "Center",
  justifyContent: "Start",
});
this.getView().byId("VLayout").addContent(inputBox);

Answer 1

您需要将GridData中的span与sap.ui.layout一起使用来实现它。输入span。