Поле ввода с кнопкой рядом с ним сокращает ширину поля ввода ширины SAPUI5 - PullRequest
Новая
       16

Поле ввода с кнопкой рядом с ним сокращает ширину поля ввода ширины SAPUI5

0 голосов
/ 26 января 2019

Я добавляю 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 к вертикальной компоновке динамически при загрузкефрагмента: 

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

1 Ответ

0 голосов
/ 28 января 2019

Вам нужно использовать GridData с span из sap.ui.layout, чтобы достичь этого. Дайте span для ввода.

...