Sencha touch Sencha触摸不分组表视图
无论如何,我正在尝试做一个简单的分组表视图,但它在Sencha中不起作用。它将所有项目显示在一起,而不添加分组 以下是完整的代码:Sencha touch Sencha触摸不分组表视图,sencha-touch,Sencha Touch,无论如何,我正在尝试做一个简单的分组表视图,但它在Sencha中不起作用。它将所有项目显示在一起,而不添加分组 以下是完整的代码: Ext.define('MyApp.view.CompletedList', { extend: 'Ext.dataview.List', alias: 'widget.CompletedList', fullscreen:true, grouped:true, ui:'round', requires: [
Ext.define('MyApp.view.CompletedList', {
extend: 'Ext.dataview.List',
alias: 'widget.CompletedList',
fullscreen:true,
grouped:true,
ui:'round',
requires: [
'Ext.dataview.List'
],
config:{
fullscreen:true,
grouped:true,
store: {
fields: ['name', 'league', 'division'],
sorters: 'name',
grouper: {
groupFn: function (item) {
return item.get('league') + ' ' + item.get('division');
}
},
data: [
{
name: 'Texas',
league: 'AL',
division: 'West'
},
{
name: 'Boston',
league: 'AL',
division: 'East'
},
{
name: 'California',
league: 'AL',
division: 'West'
},
{
name: 'Costa Rica',
league: 'AL',
division: 'East'
},
{
name: 'Seattle',
league: 'AL',
division: 'East'
}]
},
itemTpl:'{name}'
}
});
以下是截图:
代码对我有效(触摸2.3.x)。。。您是否运行过“sencha应用程序构建”或“sencha ant sass”来更新您的主题和其他资源
Ext.create('Ext.List', {
fullscreen:true,
grouped:true,
store: {
fields: ['name', 'league', 'division'],
sorters: 'name',
grouper: {
groupFn: function (item) {
return item.get('league') + ' ' + item.get('division');
}
},
data: [
{
name: 'Texas',
league: 'AL',
division: 'West'
},
{
name: 'Boston',
league: 'AL',
division: 'East'
},
{
name: 'California',
league: 'AL',
division: 'West'
},
{
name: 'Costa Rica',
league: 'AL',
division: 'East'
},
{
name: 'Seattle',
league: 'AL',
division: 'East'
}]
},
itemTpl:'{name}'
});
你的代码适用于meNo我还没有运行它!我注意到问题在于Sencha注入的风格。带显示的x列表标题:无。不知道他们为什么会那样做。我改变了风格,现在它可以工作了。该应用程序没有运行iOS 6主题,也没有运行iOS 7。很高兴它有所帮助!重新编译CSS通常是我尝试的第一件事:-)像这样的问题可能会发生。