UI5 为 ListItem 中的图标单独按下事件

Question

我有一个带有 StandardListItem 的 List 和一个图标（来自的那个）。 StandardListItems 现在有一个按下事件来处理函数：

<List id="test-list" items="{
    path   : '/products', 
    sorter : [{
        path       : 'prodName', 
        descending : true
    }]
}">
    <items>
        <StandardListItem title="{prodName}" 
                          description="{prodCountry}" 
                          press="onListPress" 
                          type="Active"
                          icon="{
                            path:'price', 
                            formatter:'.getIconFlag'
                            }" 
        />
    </items>    
</List>

现在我想在单击图标时显示一个简单的工具提示（显示例如 prodName）（然后将工具提示相对于图标定位，尽管它不是单独的控件）。问题：为包括图标在内的整个 StandardListItem 触发了按下事件。我不知道这是否可行，但基于我认为必须的标记，因为图标是一个单独的 DOM 元素。 “.getIcon()”只是 return 图标属性的字符串 URI，所以 .. 是否可以为图标 "section" 处理单独的 press/click 事件？

[编辑：] 我解决了：我想要的和THIS post中的一样我可以通过以下方式访问目标： oEvent.getSource()._event.target 然后查看我的目标是否有 class "sapUiIcon" 和 return false 或调用另一个函数。

感谢访问目标信息的任何建议..

Answer 1

我会使用 CustomListItem 而不是使用单独的 sap.ui.core.Icon 和它自己的 press 事件。

但您可能需要检查列表项的按下是否不会干扰图标的按下

Answer 2

您应该使用 ActiveAndDetail 类型，然后您可以只为图标附加 "detail" 事件处理程序（如按下）。

UI5 为 ListItem 中的图标单独按下事件

UI5 seperate press event for Icon in ListItem

jquery

event-handling

icons

sapui5