我在我的应用程序和"我的评论"选项卡中有一个选项卡面板,应该有一个供用户提交的评论部分,而另一个仅用于"喜欢"的评论由用户。当前,我正在用JSON填充一个数据范围,其中包括用户与用户进行交互的所有评论,并且用户提交的评论与用户"喜欢"评论之间没有分离。我想将这两个分开,并为每个人提供标题。
我的标签看起来像这样:
{
title: 'Reviews Dashboard',
iconCls: 'action',
layout: 'fit',
xtype: 'reviewsdashboard'
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'Reviews Dashboard'
}
]
}
和我的"评论仪表板"数据片看起来像这样:
var tpl = new Ext.XTemplate(
'<div class=dashbox>',
'<div class="col1">${starRating} for {movietitle}</div>',
'<div class="col2">Submitted by {user}</div>',
'<div class="col3">{status}</div>',
'</div>'
);
Ext.define('MyApp.view.ReviewsDashboard',
{
extend: 'Ext.dataview.DataView',
xtype: 'reviewsdashboard',
config:
{
xtype: 'dataview',
title: 'Reviews Dashboard',
itemTpl: tpl,
store:
{
autoLoad: true,
fields: [
{
name: 'id',
type: 'int'
},
{
name: 'user',
type: 'int'
},
{
name: 'movietitle',
type: 'string'
},
{
name: 'starRating',
type: 'int'
},
{
name: 'date',
type: 'string'
},
{
name: 'status',
type: 'string'
}
],
proxy:
{
type: 'jsonp',
url: MyApp.util.Config.getBaseUrl() +
'/getReviews.php',
reader:
{
type: 'json',
rootProperty: 'listing'
}
}
}
}
});
如何将数据范围分为两个部分,并为每个部分分配标题或标题?谢谢!
您是指一个选项卡上的2个不同视图,还是在单独的选项卡中?请澄清。如果在1个选项卡中,您必须使用容器来容纳2个数据范围,则布局将是容器上的Hbox(水平框,即并排堆叠)。每个数据范围的FLEX配置为0.5。