无法将ResponsiveGridLayout的宽度设置为

时间:2018-09-21 15:00:29

标签: sapui5

我需要在ResponsiveGridLayout中显示4列。当我添加标签,输入,输入,输入但未在Lebel,输入,标签,输入方案中添加时,它会正确显示。即使在Label,Input,Input,Input方案中,我也无法获得工作的宽度。我需要为列设置40%,20%,40%和20%。否则我的文本将被剪切。这是我的代码。

<f:SimpleForm xmlns:sap.ui.layout.form="sap.ui.layout.form" xmlns:sap.ui.core="sap.ui.core" editable="true" layout="ResponsiveGridLayout"
          id="from_tovertime" title="Totals "
          maxContainerCols="2"
          labelSpanL="4"
          labelSpanM="4"
          emptySpanL="0"
          emptySpanM="0"
          columnsL="2"
          columnsM="2" >
<Button id="idCalc" text="{i18n>Calc}" press="OnCalc" type="Default" icon="sap-icon://simulate" width="10%"/>
<f:content id="cc1">
    <Label id="t_ttin" text="{i18n>TInOffice}"/> <!-- 40% -->
    <Input id="t_ttoin" type="Number" editable="false"/> <!-- 10% -->
    <Input id="t_tShift" value="{i18n>TShift}" editable="false"/> <!-- 40% -->
    <Input id="t_ttShift" type="Number" editable="false"/> <!-- 10% -->

    <Label id="t_tmhrs" text="{i18n>Tmhrs}"/> <!-- 40% -->
    <Input id="t_ttmhrs" type="Number" editable="false"/> <!-- 60% -->


    <Label id="t_syshr_plus" text="{i18n>TsyshrPlus}"/> <!-- 40% -->
    <Input id="t_tsyshr_plus" editable="false" /> <!-- 10% -->
    <Input id="t_syshr_minus" value="{i18n>TsyshrMinus}"  editable="false"/> <!-- 40% -->
    <Input id="t_tsyshr_minus" type="Number" editable="false"/> <!-- 10% -->

    <Label id="t_addhr_plus" text="{i18n>ThrappPlus}"/> <!-- 40% -->
    <Input id="t_taddhr_plus" editable="false" /> <!-- 10% -->
    <Input id="t_addhr_minus" value="{i18n>ThrappMinus}" editable="false"/> <!-- 40% -->
    <Input id="t_taddhr_minus" type="Number" editable="false"/> <!-- 10% -->
</f:content>

0 个答案:

没有答案