三色素

 

/**

 * 名人关注模型

 */

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}"/>&nbsp;&nbsp;&nbsp;'

+'</div>'

+'<div style="float:left">'

+'<div>'

+'<div>'

+'{name}&nbsp;'

+'<img width="10" height="10" src="{valPic}"/>&nbsp;&nbsp;&nbsp;'

+'</div>'

+'<div>'

+'{sex},&nbsp;{city}&nbsp;{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}"/>&nbsp;{pubDate}'

+'</div>'

+'</div>'

+'<div>'

+'<div style="color:green">'

+'<div style="float:left">'

+'{content}'

+'</div>'

+'<div style="float:right">'

+'&nbsp;'

+'</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}&nbsp;'

+'<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}&nbsp;'

+ '</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}&nbsp;'

+'<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}&nbsp;'

+ '</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;">'

+'&nbsp;&nbsp;&nbsp;<img width="10" height="10" src="{pubPic}"/>&nbsp;&nbsp;{pubDate}'

+'</div>'

+'</div>'

+'<div width="100%">'

+'<div>'

+'<div style="float:left;color:green;">'

+'{content}'

+'</div>'

+'<div style="float:right">'

+'&nbsp;'

+'</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>&nbsp;{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>'

+'&nbsp;&nbsp;&nbsp;'

+ '</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';

},