如何在headertoolbar中提供新线?

时间:2018-02-13 08:31:26

标签: sapui5

我正在使用sap.m.table创建一个表格。为此,我需要创建一个headertoolbar

我的问题是,如何使用aggregation headertoolbar的{​​{1}}在单独的行中创建元素(每行一个项目)?

1 个答案:

答案 0 :(得分:0)

  

js视图中的解决方案,请根据需要调整宽度

headerToolbar: [
  new sap.m.Toolbar({
    height: 'auto',
    content: [
      new sap.m.VBox({
        items: [
          new sap.m.HBox({
            items: [
              new sap.m.SearchField({
                placeholder: "search"
              })
            ]
          }),
          new sap.m.HBox({
            items: [
              new sap.m.Button({
                text: "One"
              }),
              new sap.m.Button({
                text: "Two"
              }),
              new sap.m.Button({
                text: "Three"
              }),
              new sap.m.Button({
                text: "Four"
              }),
              new sap.m.Button({
                text: "Five"
              })
            ]
          })
        ]
      })
    ]
  })
]
  

XML视图中的解决方案

<headerToolbar>
  <Toolbar height='auto'>
    <content>
      <VBox>
        <Text text="Text one" />
        <Text text="Text two" />
        <Text text="Text three" />
        <Text text="Text four" />
      </VBox>
    </content>
  </Toolbar>
</headerToolbar>