三色素
?
/**
?* 名人关注模型
?*/
Ext.regModel("focusFamous",{
fields: [{
name: 'id',
type: 'string'
},{
name: 'pic',
type: 'string'
},{
name: 'name',
type: 'string'
},{
name: 'valPic',
type: 'string'
},{
name: 'sex',
type: 'string'
},{
name: 'city',
type: 'string'
},{
name: 'area',
type: 'string'
}]
})
?
/**
?* 好友动态模型
?*/
Ext.regModel("friendsAction",{
fields: [{
name: 'id',
type: 'string'
},{
name: 'pic',
type: 'string'
},{
name: 'name',?
type: 'string'
},{
name: 'pubPic',?
type: 'string'
},{
name: 'pubDate',
type: 'string'
},{
name: 'content',
type: 'string'
},{
name: 'agent',
type: 'string'
},{
name: 'transmits',
type: 'integer'
},{
name: 'comments',
type: 'integer'
}]
})
?
/**
?* 名人关注
?* @class travelbook.view.FocusFamous
?* @extends Ext.Panel
?*/
travelbook.view.FocusFamous = Ext.extend(Ext.Panel, {
id: 'focusFamous',
modal: true,
centered: true,
floating: true,
isFirst: true,
height: '100%',
width: '100%',
style: 'filter:alpha(opacity=10);'
?+'-moz-opacity:0.5;'
?+'-khtml-opacity: 0.5;'
?+'opacity: 0.5;',
initComponent : function() {
travelbook.view.FocusFamous.superclass.initComponent.call(this);
},
dockedItems: [{
xtype: 'toolbar',
ui: 'dark',
title: '关注名人',
layout: {
pack: 'left'
},
dock: 'top'
},{
xtype: 'toolbar',
ui: 'dark',
dock: 'bottom',
layout: 'hbox',
defaults: {
xtype: 'button',
ui: 'decline',
flex: '2'
},
items: [{
text: '关注已选',
handler: function(){
travelbook.community.focusChecked();
}
},{
text: '关注全部',
handler: function(){
travelbook.community.focusAll();
}
},{
text: '取消',
handler: function(){
Ext.getCmp('focusFamous').hide({type:'cube',direction:'up'});
//进入好友列表
travelbook.community.showFriendsList();
}
}]
}],
items: [{
xtype: 'list',
height: '100%',
store: new Ext.data.Store({
model: 'focusFamous',
sorters: 'id',
getGroupString: function(record){
return record.get('id')[0];
},
data: [{
id: '1001',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1002',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1003',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1004',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1005',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1006',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1007',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
},{
id: '1008',
pic: '../images/pic.jpg',
name: '卢静',
valPic: '../images/valPic.jpg',
sex: '女',
city: '浙江',
area: '杭州'
}]
}),
itemTpl: '<div style="float:left;width:80%;font-size:12px;cursor:pointer;" onclick="travelbook.community.showOwnDatum({id})">'
+'<div style="float:left">'
+'<img width="50" height="50" src="{pic}"/> '
+'</div>'
+'<div style="float:left">'
+'<div>'
+'<div>'
+'{name} '
+'<img width="10" height="10" src="{valPic}"/> '
+'</div>'
+'<div>'
+'{sex}, {city} {area}'
+'</div>'
+'<div id="discloseDiv{id}">'
+'aaaaa'
+'</div>'
+'</div>'
+'</div>'
+'</div>'
+'<div style="float:right;">'
+'<img name="focusFamousChkImg" id="focusFamousChkImg_{id}" src="../images/unchecked.png" width="50" height="50" ?style="cursor:pointer;" onclick="travelbook.community.chooseFamous({id})"/>'
+'</div>'
}]
});
Ext.reg("travelbook.view.FocusFamous",travelbook.view.FocusFamous)
?
?
/**
?* 好友列表
?* @class travelbook.view.FriendsList
?* @extends Ext.Panel
?*/
travelbook.view.FriendsList = Ext.extend(Ext.Panel, {
id: 'friendsList',
height: '100%',
width: '100%',
initComponent : function() {
travelbook.view.FocusFamous.superclass.initComponent.call(this);
},
items: [{
xtype: 'list',
height: '100%',
width: '100%',
store: new Ext.data.Store({
model: 'friendsAction',
sorters: 'id',
getGroupString: function(record){
return record.get('id')[0];
},
//id pic name pubDate content agent transmits comments
data: [{
id: '2001',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2002',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2003',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2004',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2005',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2006',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2007',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
},{
id: '2008',
pic: '../images/_pic.jpg',
name: '抽烟发芽',
pubPic: '../images/_valPic.jpg',
pubDate: '2分钟前',
content: '今天天气非常好,适合海边去泡一泡.一早起床建议大家多使用车主宝典.',
agent: '车主宝典',
transmits: 6,
comments: 8
}]
}),
itemTpl: '<table style="font-size:12px;width:100%;">'
+'<tr>'
+'<td>'
+'<img width="60" height="60" src="{pic}"/>'
+'</td>'
+'<td>'
+'<div>'
+'<div style="float:left">'
+'{name}'
+'</div>'
+'<div style="float:right">'
+'<img width="10" height="10" src="{pubPic}"/> {pubDate}'
+'</div>'
+'</div>'
+'<div>'
+'<div style="color:green">'
+'<div style="float:left">'
+'{content}'
+'</div>'
+'<div style="float:right">'
+' '
+'</div>'
+'</div>'
+'</div>'
+'<div>'
+'<div style="float:left">'
+'转发({transmits})评论({comments})'
+'</div>'
+'<div style="float:right">'
+'来自{agent}'
+'</div>'
+'</div>'
+'</td>'
+'</tr>'
+'</table>',
listeners : {
itemtap : function(list, index, item, e) {
var store = list.getStore(),
host = store.getAt(index);
//进入动态详情
travelbook.community.showActionDetail();
}
}
}]
});
Ext.reg("travelbook.view.FriendsList",travelbook.view.FriendsList)
?
?
/**
?* 个人信息
?* @class travelbook.view.PersonalInfo
?* @extends Ext.Panel
?*/
travelbook.view.PersonalInfo = Ext.extend(Ext.Panel, {
id: 'personalInfo',
width: '100%',
layout: 'card',
style: 'background:white;',
initComponent : function() {
travelbook.view.PersonalInfo.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'<div style="background:#eee;">'
+ '<tpl for=".">'
+ '<table style="width:100%;font-size:13px;">'
+ '<tr>'
+ '<td>'
+ '<div>'
+'<img src="{pic}" width="45" height="45" style="cursor:pointer;" onclick="travelbook.community.showOwnDatum({id})"/>'
+ '</div>'
+ '</td>'
+ '<td>'
+ '<div>'
+'{name} '
+'<img src="{valPic}" width="10" height="10"/>'
+ '</div>'
+ '<div>'
+'<img src="{levelSun}" width="15" height="15"/>'
+'<img src="{levelMoon}" width="15" height="15"/>'
+'<img src="{levelStar}" width="15" height="15"/>'
+'</div>'
+ '</td>'
+ '<td style="text-align:center;">'
+ '<div>'
+'<img src="{arrowPic}" width="30" height="30"/>'
+ '</div>'
+ '<div style="font-size:12px;">'
+'{levelName} '
+ '</div>'
+ '</td>'
+ '</tr>'
+ '</table>'
+'</tpl></div>'
])
});
Ext.reg("travelbook.view.PersonalInfo",travelbook.view.PersonalInfo);
?
?
/**
?* 个人信息(详情)
?* @class travelbook.view.PersonalInfoDetail
?* @extends Ext.Panel
?*/
travelbook.view.PersonalInfoDetail = Ext.extend(Ext.Panel, {
id: 'personalInfoDetail',
layout: 'card',
width: '100%',
style: 'background:white;',
initComponent : function() {
travelbook.view.PersonalInfoDetail.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'<div style="background:white;">'
+ '<tpl for=".">'
+ '<table style="width:100%;font-size:13px;">'
+ '<tr>'
+ '<td>'
+ '<div>'
+'<img src="{pic}" width="45" height="45"/>'
+ '</div>'
+ '</td>'
+ '<td>'
+ '<div>'
+'{name} '
+'<img src="{valPic}" width="10" height="10"/>'
+ '</div>'
+ '<div>'
+'<img src="{levelSun}" width="15" height="15"/>'
+'<img src="{levelMoon}" width="15" height="15"/>'
+'<img src="{levelStar}" width="15" height="15"/>'
+'</div>'
+ '</td>'
+ '<td style="text-align:center;">'
+ '<div>'
+'<img src="{arrowPic}" width="30" height="30"/>'
+ '</div>'
+ '<div style="font-size:12px;">'
+'{levelName} '
+ '</div>'
+ '</td>'
+ '</tr>'
+ '</table>'
+'</tpl></div>'
])
});
Ext.reg("travelbook.view.PersonalInfoDetail",travelbook.view.PersonalInfoDetail);
?
?
/**
?* 访友列表
?* @class travelbook.view.FriendGroups
?* @extends Ext.Panel
?*/
travelbook.view.FriendGroups = Ext.extend(Ext.Panel, {
id: 'friendGroups',
width: '85%',
layout: 'card',
initComponent : function() {
travelbook.view.FriendGroups.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'<div>'
+'<tpl for=".">'
+'<table cellspacing="10" cellpadding="10" width="100%" style="font-size:12px;border: 1px solid white;">'
+'<tr>'
+'<td>'
+'<img width="40" height="40" src="{pic}"/>'
+'</td>'
+'<td width="200">'
+'<div>'
+'<div style="float:left;color:#FFFFFF;">'
+'{name}'
+'</div>'
+'<div style="float:right;color:#FFFFFF;">'
+' <img width="10" height="10" src="{pubPic}"/> {pubDate}'
+'</div>'
+'</div>'
+'<div width="100%">'
+'<div>'
+'<div style="float:left;color:green;">'
+'{content}'
+'</div>'
+'<div style="float:right">'
+' '
+'</div>'
+'</div>'
+'</div>'
+'</td>'
+'</tr>'
+'</table>'
+'</tpl></div>'
])
});
Ext.reg("travelbook.view.FriendGroups",travelbook.view.FriendGroups);
?
?
/**
?* 个人语录
?* @class travelbook.view.PersonalWords
?* @extends Ext.Panel
?*/
travelbook.view.PersonalWords = Ext.extend(Ext.Panel, {
id: 'personalWords',
width: '100%',
layout: 'card',
initComponent : function() {
travelbook.view.PersonalWords.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'<div>'
+ '<tpl for=".">'
+ '<div style="font-size:13px;">'
+ '<div style="float:left;position:absolutly;width:100%;color:#FFFFFF;">'
+ '<div style="float:left;">'
+'转发了消息,并且说:{saywords}'
+ '</div>'
+ '<div style="float:right;">'
+'{pubDate}'
+ '</div>'
+ '</div>'
+ '<div style="float:left;position:absolutly;">'
+ '<div>'
+'<span style="color:#FFFFFF;">@{fromAuthor}</span>: '
+'<span style="color:#FFFF3C;">{content}</span>'
+ '</div>'
+ '<div style="color:#FFFFFF;;">'
+'原文转发({transmits}) | 原文评论({comments})'
+ '</div>'
+ '</div>'
+ '</div>'
+'</tpl></div>'
])
});
Ext.reg("travelbook.view.PersonalWords",travelbook.view.PersonalWords);
?
?
/**
?* 个人勋章
?* @class travelbook.view.Honour
?* @extends Ext.Panel
?*/
travelbook.view.Honour = Ext.extend(Ext.Panel, {
id: 'honour',
layout: 'card',
width: '100%',
style: 'background:#FFFFFF;font-size:12px;',
initComponent : function() {
travelbook.view.Honour.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([?
'<div>'
+ '<tpl for=".">'
+ '<div>'
+'<span style="color:#336699;"><b>TA的勋章:</b></span>'
+'<img src="{honourPic}" width="20" height="20"/><img src="{honourPic}" width="20" height="20"/>'
+ '</div>'
+ '</tpl>'
+'</div>'
])
});
Ext.reg("travelbook.view.Honour",travelbook.view.Honour);
?
?
/**
?* 个人介绍
?* @class travelbook.view.IntroduceSura
?* @extends Ext.Panel
?*/
travelbook.view.IntroduceSura = Ext.extend(Ext.Panel, {
id: 'introduceSura',
layout: 'card',
width: '100%',
style: 'background:#FFFFFF;font-size:12px;',
initComponent : function() {
travelbook.view.IntroduceSura.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([?
'<div style="background:#FFFFFF;">'
+ '<tpl for=".">'
+ '<div>'
+'<span style="color:#336699;"><b>TA的简介:</b></span> {introduce}'
+ '</div>'
+ '</tpl>'
+'</div>'
])
});
Ext.reg("travelbook.view.IntroduceSura",travelbook.view.IntroduceSura);
?
?
/**
?* 应用项
?* @class travelbook.view.AppItem
?* @extends Ext.Panel
?*/
travelbook.view.AppItem = Ext.extend(Ext.Panel, {
id: 'appItem',
layout: 'card',
width: '100%',
style: 'background:#FFFFFF;font-size:12px;',
initComponent : function() {
travelbook.view.AppItem.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([?
'<div style="background:#FFFFFF;">'
+ '<tpl for=".">'
+ '<table cellspacing="10" cellspadding="5" width="100%" style="text-align:center;">'
+ '<tr>'
+ '<td style="border-top:1px solid #336699;border-right:1px solid #336699;">'
+ '<div style="color:#336699;"><b>{focus}</b></div>'
+ '<div>关注</div>'
+ '</td>'
+ '<td style="border-top:1px solid #336699;border-right:1px solid #336699;">'
+ '<div style="color:#336699;font:bold;"><b>{fans}</b></div>'
+ '<div>粉丝</div>'
+ '</td>'
+ '<td style="border-top:1px solid #336699;border-right:1px solid #336699;">'
+ '<div style="color:#336699;font:bold;"><b>{speakings}</b></div>'
+ '<div>发言</div>'
+ '</td>'
+ '<td style="border-top:1px solid #336699;border-right:1px solid #336699;">'
+ '<div style="color:#336699;font:bold;"><b>{label}</b></div>'
+ '<div>标注</div>'
+ '</td>'
+ '<td style="border-top:1px solid #336699;border-right:1px solid #336699;">'
+ '<div style="color:#336699;font:bold;"><b>{stepPoints}</b></div>'
+ '<div>踩点</div>'
+ '</td>'
+ '</tr>'
+ '</table>'
+ '</tpl></div>'
])
});
Ext.reg("travelbook.view.AppItem",travelbook.view.AppItem);
?
?
/**
?* 个人言论
?* @class travlebook.view.OwnWords
?* @extends Ext.Panel
?*/
travelbook.view.OwnWords = Ext.extend(Ext.Panel, {
id: 'ownWords',
layout: 'card',
width: '100%',
initComponent : function() {
travelbook.view.OwnWords.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'<div style="background:gray;color:#FFFFFF;">'
+ '<tpl for=".">'
+ '<div style="font-size:13px;">'
+ '<div style="text-align:right;">'
+'{pubDate}'
+ '</div>'
+ '<div>'
+'{content}'
+ '</div>'
+ '<div>'
+ '<div>'
+'<img src="{suraPic}" width="50" height="50"/>'
+ '</div>'
+ '<div>'
+' '
+ '</div>'
+ '</div>'
+ '<div>'
+ '<div style="float:left;">'
+'转发({transmits}) 评论({comments})'
+ '</div>'
+ '<div style="float:right;">'
+'来自{agent}'
+ '</div>'
+ '</div>'
+ '</div>'
+'</tpl></div>'
])
});
Ext.reg("travelbook.view.OwnWords",travelbook.view.OwnWords);
?
?
/**
?* 动态详情
?* @class travelbook.view.ActionDetail
?* @extends Ext.Panel
?*/
travelbook.view.ActionDetail = Ext.extend(Ext.Panel, {
id: 'actionDetail',
fullscreen: true,
isLoaded: false,
scroll: 'vertical',
style: 'background:gray;',
layout: 'vbox',
width: '100%',
initComponent : function() {
travelbook.view.ActionDetail.superclass.initComponent.call(this);
},
listeners: {
added: function(){
this.add({xtype: 'travelbook.view.PersonalInfo'});
this.add({xtype: 'travelbook.view.PersonalWords'});
this.add({xtype: 'travelbook.view.FriendGroups'});
this.doLayout(true,false);
},
show: function(){
//加载数据
travelbook.community.loadActionDetailData();
},
activate: function(){
travelbook.controller.BackTarget ?= 'community';
}
},
dockedItems: [{
xtype: 'travelbook.view.Topbar',
title: '动态详情',
back: function(){
travelbook.community.back();
}
},{
xtype: 'panel',
dock: 'bottom',
layout: {
type: 'hbox',
align: 'center',
pack: 'center'
},
style: 'background:white;',
defaults: {
xtype: 'button',
ui: 'round'
},
items: [{
text: '∑',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '⊙',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '⊿',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '●',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '∏',
handler: function(){
Ext.Msg.alert('',this.text);
}
}]
}]
});
Ext.reg("travelbook.view.ActionDetail",travelbook.view.ActionDetail);
?
?
/**
?* TA的资料
?* @class travelbook.view.OwnDatum
?* @extends Ext.Panel
?*/
travelbook.view.OwnDatum = Ext.extend(Ext.Panel, {
id: 'ownDatum',
isLoaded: false,
layout: 'vbox',
scroll: 'vertical',
style: 'background:gray;',
initComponent : function() {
travelbook.view.OwnDatum.superclass.initComponent.call(this);
},
listeners: {
added: function(){
this.add({xtype: 'travelbook.view.PersonalInfoDetail'});
this.add({xtype: 'travelbook.view.Honour'});
this.add({xtype: 'travelbook.view.IntroduceSura'});
this.add({xtype: 'travelbook.view.AppItem'});
this.add({xtype: 'travelbook.view.OwnWords'});
this.doLayout(true,false);
},
show: function(){
//加载数据
travelbook.community.loadOwnDatumData();
},
activate: function(){
travelbook.controller.BackTarget ?= 'actionDetail';
}
},
dockedItems: [{
xtype: 'travelbook.view.Topbar',
title: 'TA的资料',
back: function(){
travelbook.community.back();
}
},{
xtype: 'panel',
dock: 'bottom',
layout: {
type: 'hbox',
align: 'center',
pack: 'center'
},
style: 'background:white;',
defaults: {
xtype: 'button',
ui: 'round'
},
items: [{
text: '@',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '〓',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '▼',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '★',
handler: function(){
Ext.Msg.alert('',this.text);
}
},{
text: '&',
handler: function(){
Ext.Msg.alert('',this.text);
}
}]
}]
});
Ext.reg("travelbook.view.OwnDatum",travelbook.view.OwnDatum);
?
?
/***
?* 社区
?* @class travelbook.view.Community
?* @extends Ext.Panel
?*/
travelbook.view.Community = Ext.extend(Ext.Panel, {
id: 'community',
fullscreen : true,
layout: 'card',
initComponent : function() {
travelbook.view.Community.superclass.initComponent.call(this);
this.activeItem = 0;
this.listeners = {
added: function(){
//显示名人关注
travelbook.community.showFocusFamous();
},
show: function(){
//显示好友列表
travelbook.community.showFriendsList();
},
activate: function(){
travelbook.controller.BackTarget ?= 'main';
}
};
},
dockedItems : [{
xtype: 'travelbook.view.Topbar',
title: '社区',
back:function(){
travelbook.community.back();
}
}],
items: [{
//好友动态
id: 'friendAction',
xtype: 'tabpanel',
ui: 'light',
activeItem: 1,
items: [{
id: 'squareTab',
title: '广场',
html: 'square ...'
},{
id: 'friendsTab',
title: '好友',
html: 'friends ...'
},{
id: 'communicationTab',
title: '热议',
html: 'communication ...'
}]
}]
});
Ext.reg("travelbook.view.Community", travelbook.view.Community);
?
?
/***
?* 全局回退标识
?* @type String
?*/
travelbook.controller.BackTarget = 'main';
?
?
/***
?* 控制器
?*/
travelbook.community = new Ext.Controller({
?
//显示名人关注
showFocusFamous: function(){
var focusFamous = Ext.getCmp('focusFamous');
if (undefined == focusFamous) {
Ext.getCmp('viewport').addItem({xtype:'travelbook.view.FocusFamous'});
}
Ext.getCmp('focusFamous').show({type:'slide',direction:'up'});
},
//显示好友列表
showFriendsList: function(){
var community = Ext.getCmp('community');
var friendAction = Ext.getCmp('friendAction');
var friendsList = Ext.getCmp('friendsList');
var friendsTab = Ext.getCmp('friendsTab');
if (undefined == friendsList) {
friendsTab.add({xtype: 'travelbook.view.FriendsList'});
friendsTab.doLayout();
}
friendAction.setActiveItem(friendsTab);
community.setActiveItem(friendAction);
Ext.getCmp('viewport').setActiveItem(community);
},
//显示动态详情
showActionDetail: function(){
var actionDetail = Ext.getCmp('actionDetail');
if (undefined == actionDetail) {
Ext.getCmp('viewport').addItem({xtype:'travelbook.view.ActionDetail'});
}
Ext.getCmp('viewport').setActiveItem('actionDetail',{type:'cube',direction:'left'});
//设置回退标识
travelbook.controller.BackTarget ?= 'community';
},
?