Javascript 如何覆盖listItem图标工具提示?

Javascript 如何覆盖listItem图标工具提示?,javascript,icons,tooltip,sapui5,listitem,Javascript,Icons,Tooltip,Sapui5,Listitem,我正在尝试更改核心:ListItem中图标的工具提示 listItem的tooltip属性正在更改整个项目的tooltip,这不是我想要的 <core:ListItem icon="sap-icon://message-error" tooltip="someTooltip" /> 工具提示将仅显示在下拉列表中 测验 sap.ui.define[ “sap/ui/core/mvc/Controller”, ],函数控制器{ 严格使用; var oController=Contro

我正在尝试更改核心:ListItem中图标的工具提示

listItem的tooltip属性正在更改整个项目的tooltip,这不是我想要的

<core:ListItem icon="sap-icon://message-error" tooltip="someTooltip" />

工具提示将仅显示在下拉列表中

测验 sap.ui.define[ “sap/ui/core/mvc/Controller”, ],函数控制器{ 严格使用; var oController=Controller.extendmyView.Template{ }; 返回控制器; }; var oView=sap.ui.xmlview{ viewContent:jQuery'oView'.html }; oView.placeAt'content';
您需要扩展core:ListItem,或者可以使用sap.m.CustomListItem解决问题,并指定图标工具提示

View.xml

输出


列表项中的图标没有单独的工具提示。只有整个列表项中提到了tooltipAs@alexP,您不能只为图标指定工具提示。如前所述,ListItem指的是一个完整的项目。你可以使用sap.m.CustomListItem,并有专门针对图标的工具提示。我想,他只需要针对列表项中的图标的工具提示。但这是不可能的。
<List items="{/items}">
  <CustomListItem>
    <HBox>
      <core:Icon size="2rem" width="50px" tooltip="{tooltipInfo}" src="{icon}" />               
      <VBox>
        <Link text="{title}"/>
        <Label text="{type}"/>
      </VBox>
    </HBox>
  </CustomListItem>
</List>
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({
  "items": [
     { "tooltipInfo": "Group1", "icon": "sap-icon://hint", "type": "Monitor", "title": "Tiles: a modern UI design pattern for overview & navigation."},
     { "tooltipInfo": "Group2", "icon": "sap-icon://inbox", "number": "89", "title": "Approve Leave Requests", "info": "Overdue", "infoState": "Error" },
     { "tooltipInfo": "Group3", "icon": "sap-icon://email", "type": "Create", "title": "Create Leave Requests", "info": "28 Days Left", "infoState": "Success" },
     { "tooltipInfo": "Group4", "icon": "sap-icon://travel-expense-report", "number": "281", "numberUnit": "euro", "title": "Travel Reimbursement", "info": "1 day ago" },
     { "tooltipInfo": "Group5", "icon": "sap-icon://loan", "number": "2380", "numberUnit": "euro", "title": "My Salary", "info": "8 days ago" },
     { "tooltipInfo": "Group6", "icon": "sap-icon://lab", "number": "1", "numberUnit": "Invention", "title": "Test Lab Reports","info": "8 Days Ago" }]
});
this.getView().setModel(oModel);