用于ListItem中的Icon的UI5单独按下事件

时间:2015-03-06 10:08:18

标签: jquery event-handling icons sapui5

我的列表带有 StandardListItem ,带有一个图标(来自THIS example的那个)。 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触发了press事件。我没有发现这是否可行,但基于我认为必须的标记,因为图标是一个单独的DOM元素。 enter image description here '.getIcon()'只返回icon属性的String URI,所以..是否可以处理图标“section”的单独按下/点击事件?

[编辑:] 我解决了它:我想要的与THIS post中的相同 我可以通过以下方式访问目标: oEvent.getSource()._event.target,然后查看我的目标是否有"sapUiIcon"类,并返回false或调用其他函数。

enter image description here

THX获取任何建议以获取目标信息..

2 个答案:

答案 0 :(得分:1)

我会使用CustomListItem代替sap.ui.core.Icon使用它自己的press事件。

但您可能需要检查来自listitem的印刷机是否不会干扰图标中的印刷机

答案 1 :(得分:1)

您应该使用类型ActiveAndDetail,然后您可以仅为图标附加“详细信息”事件处理程序(如按下)。