Sapui5 更改已启用分组的ObjectList的组标题样式
当我在objectlist中使用分组时,奇怪的是,组标题的样式在重要性上不如重要信息的样式 如何重新设置组标题的样式,以更好地反映其在信息层次结构中的重要性 例如,在下面的片段中,“Coding 101”和“Combat 101”都没有它们可能那么突出 我一直在网上进行研究,但没有发现任何关于这个主题的具体内容,UI5显示的设计师们的华丽风格让我觉得这是为了迎合这种需求,而不是回到编写CSS上来 //JSON示例数据 风险值数据={ 窥视:[ {className:Coding 101,firstName:Alan,lastName:Turing}, {className:Coding 101,firstName:Ada,lastName:Lovelace}, {类名:战斗101,姓:D,姓:特朗普}, {类名:战斗101,名:斯巴达克斯,姓:}, {类名:战斗101,名字:塔斯马尼亚,姓氏:恶魔} ] }; sap.ui.getCore.attachInitfunction{ 严格使用; sap.ui.controllerMyController{ onInit:函数{ //创建JSON模型实例 var oModel=new sap.ui.model.json.JSONModel; //为模型设置数据 oModel.setDatadata; var oList=this.getView.byIdSubsList //将模型绑定到列表 oList.setModeloModel; } }; sap.ui.xmlview{ viewContent:jQuerymyView.html }.placeAtcontent; }; SAPUI5Sapui5 更改已启用分组的ObjectList的组标题样式,sapui5,Sapui5,当我在objectlist中使用分组时,奇怪的是,组标题的样式在重要性上不如重要信息的样式 如何重新设置组标题的样式,以更好地反映其在信息层次结构中的重要性 例如,在下面的片段中,“Coding 101”和“Combat 101”都没有它们可能那么突出 我一直在网上进行研究,但没有发现任何关于这个主题的具体内容,UI5显示的设计师们的华丽风格让我觉得这是为了迎合这种需求,而不是回到编写CSS上来 //JSON示例数据 风险值数据={ 窥视:[ {className:Coding 101,fir
您可以对组头使用工厂函数,并添加UI5附带的样式类。我必须承认,找到一个适合的CSS类可能是一个挑战。请找一个例子 在您的视图中,只需将groupHeaderFactory属性添加到项目聚合设置:
<List
items="{
path : '/peeps',
sorter : {
path: 'className',
group: true
},
groupHeaderFactory : '.createGroupHeader'
}">
您可以找到聚合绑定的所有参数,包括groupHeaderFactory。介绍了工厂函数的一般用法。探索过的应用程序也包含一个。谢谢Matbtt-工作完美。我可以问一下吗?你知道在文档中这项技术是在哪里解释的吗?太好了。我知道工厂函数,但没有访问API查看器中的ManagedObjectModule页面,因此不知道oBindingInfo.groupHeaderFactory属性。我想我应该学习这个API页面。
createGroupHeader : function(group) {
return new GroupHeaderListItem({
"title" : group.key
}).addStyleClass("sapMH1Style");
}