Question

我有一个观点：

<List
        items="{data>/Stages}">
           <CustomListItem>
            <Panel>
                <headerToolbar>
                     <Toolbar>
                         <content>
                           <Button
                              visible="{= ${data>/Stages/length} > 1}" />
                         </content>
                     </Toolbar>
                 </headerToolbar>
                 <content>
                 <Table
                   growing="true" 
                   growingScrollToLoad="false"
                   items="{
                       path: 'data>FieldWorks',
                       templateShareable: true
                   }"
                   class="blueTable originTable techTable">
                   <columns>
                     <Column
                       visible="true"
                       vAlign="Middle" 
                       width="15px" />
                   </columns>
                   <items>
                     <ColumnListItem>
                         <cells>
                          <core:Icon
                              visible="{ ???}"
                              src="sap-icon://customfont/moving"
                              size="2.1rem"
                              color="#14c6c9" />
                         </cells>
                     </ColumnListItem>
                  </items>
               </Table>
            </content>
        </Panel>
    </CustomListItem>
</List>

我有一个模型（例如）：

data: {
   Stages: [{
       FieldWorks: [{}, ....]
    }, .....]
}

您可以通过表达式绑定隐藏我的按钮（在我的工具栏中）。按条件FieldWorks.length> 1

隐藏我的Icon（在CustomListItem中）的最佳方法是什么

Answer 1

如果您使用的是JSON模型，只需将boolean属性添加到JSONModel到FieldWorks实体，然后将visible属性绑定到它。然后只有一次需要设置数据的加载或创建时间。

Answer 2

您可以在JSON模型中的FieldWorks属性下定义一个新属性，以绑定图标的可见性。

您可以使用Object.defineProperty（SPEC MDN）定义计算出的新属性。

列表中的SAPUI5表

2 个答案: