我们正在为我们的应用程序使用 Sencha Touch 2.3.0 框架。我们有一个按日期分组的项目列表。我们正在尝试使用 css 调整组标题的布局。互联网上的所有文档都说我们必须添加cls:'CustomClass'
项目,并将类添加到 app.css 文件中。该文件中的所有其他类工作正常。所以它不能是css文件。
我们做到了,但它不起作用,我们仍然看到默认布局。有人可以帮忙吗?
.groupedHeader .x-list-header{
background-color: #C4C9CC !important;
background-image: none !important;
border-color: #C4C9CC !important;
color: #fff;
font-weight: none;
text-shadow: none !important;
}
列表定义:
{
xtype: 'list',
onItemDisclosure: false,
scrollToTopOnRefresh: false,
itemId: 'listOrderItemsId',
id: 'listOrderItemsId',
grouped: true,
store: 'OrderStore',
infinite: true,
cls: 'groupedHeader',
variableHeights: true,
itemTpl: '<div style="padding: 12px 15px;border-top:1px solid #e6e6e6">{firstName} {lastName}</div>'
}