首页 > 解决方案 > 扩大输入建议宽度

问题描述

当前宽度截图:
在此处输入图像描述

我正在尝试扩展上面的建议弹出窗口。

因为我想在 a 中使用它FilterBar,所以输入字段很小,表格变得有点没用。当尝试width使用 Inspector 更改时,它会立即更改回来。

我使用的演示代码相当简单。

<Input xmlns="sap.m"
  showSuggestion="true"
  showTableSuggestionValueHelp="false"
  suggestionRows="{/ZSD_DebiaSet}"
  width="200px">
  <suggestionColumns>
    <Column popinDisplay="Inline" demandPopin="true">
      <Label text="Name"/>
    </Column>
    <Column hAlign="Center" popinDisplay="Inline" demandPopin="true" minScreenWidth="Tablet">
      <Label text="Product ID"/>
    </Column>
    <Column hAlign="Center" popinDisplay="Inline" minScreenWidth="Tablet">
      <Label text="Supplier Name"/>
    </Column>
    <Column hAlign="End" popinDisplay="Inline" demandPopin="true">
      <Label text="Price"/>
    </Column>
  </suggestionColumns>
  <suggestionRows>
    <ColumnListItem>
      <!-- ... -->
    </ColumnListItem>
  </suggestionRows>
</Input>

标签: sapui5

解决方案


sap.m.Input从(即包括)扩展的控件sap.m.MultiInput有一个名为的属性maxSuggestionWidth,它可以让您拥有比输入的实际宽度更宽的建议表。在此处检查属性:https ://openui5.hana.ondemand.com/api/sap.m.Input#methods/setMaxSuggestionWidth

如果设置,此参数的值将控制建议列表的水平大小以显示更多数据。如果有足够的可用空间,这允许建议列表比输入字段更宽。默认情况下,建议列表始终与输入字段一样宽。

注意:如果输入字段的实际宽度大于指定的参数值,该值将被忽略。

我添加了这个带有值的属性500px(仅用于测试),结果如下(Input宽度为200px):

在此处输入图像描述

我想这就是你要找的^^希望它有帮助!


推荐阅读