/**
* 名人关注模型
*/
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);
this.listeners = {
afterlayout: function(){
var famousList = Ext.getCmp('famousList');
if(undefined != famousList){
famousList.setHeight(this.getHeight()-92);
}
}
};
},
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: [{
id: 'famousList',
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: '
+'
+' '
+'
+'
+'
+'
+'{name} '
+' '
+'
+'
+'{sex}, {city} {area}'
+'
+'
+'aaaaa'
+'
+'
+'
+'
+'
+'
'
+'
}]
});
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%',
style: 'background:transparent',
initComponent : function() {
travelbook.view.FocusFamous.superclass.initComponent.call(this);
},
items: [{
id: 'membersList',
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: '
| '
+' +' | '
'
+' '
'
+' '
'
+'{name}' +' +' '
'
+' +' +' +' '
'
+' '
'
+' '
'
+'{content}' +' +' '
'
+' ' +' +' +' +' '
'
+' '
'
+'转发({transmits})评论({comments})' +' +' '
'
+'来自{agent}' +' +' +' | '
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:#FFFFFF;',
initComponent : function() {
travelbook.view.PersonalInfo.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'
+ '
+ '
| '
+ ' '
'
+' + ' + ' | '
'
+ ' '
'
+'{name} ' +' + ' + ' '
'
+' +' +' +' + ' | '
'
+ ' '
'
+' + ' + ' '
'
+'{levelName} ' + ' + ' | '
+'
])
});
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:#FFFFFF;',
initComponent : function() {
travelbook.view.PersonalInfoDetail.superclass.initComponent.call(this);
},
recordTpl: new Ext.XTemplate([
'
+ '
+ '
| '
+ ' '
'
+' + ' + ' | '
'
+ ' '
'
+'{name} ' +' + ' + ' '
'
+' +' +' +' + ' | '
'
+ ' '
'
+' + ' + ' '
'
+'{levelName} ' + ' + ' | '
// + '
// + '
+'
])
});
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([
'
+'
+'
| '
+' +' | '
'
+' '
'
+' '
'
+'{name}' +' +' '
'
+' +' +' +' '
'
+' '
'
+' '
'
+'{content}' +' +' '
'
+' ' +' +' +' +' | '
+'
])
});
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([
'
+ '
+ '
+ '
+ '
+'转发了消息，并且说：{saywords}'
+ '
+ '
+'{pubDate}'
+ '
+ '
+ '
+ '
+'@{fromAuthor}: '
+'{content}'
+ '
+ '
+'原文转发({transmits}) | 原文评论({comments})'
+ '
+ '
+ '
+'
])
});
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([
'
+ '
+ '
+'TA的勋章：'
+''
+ '
+ ''
+'
])
});
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([
'
+ '
+ '
+'TA的简介： {introduce}'
+ '
+ ''
+'
])
});
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([
'
+ '
+ '
| '
+ ' {focus} '
+ ' 关注 '
+ ' | '
'
+ ' {fans} '
+ ' 粉丝 '
+ ' | '
'
+ ' {speakings} '
+ ' 发言 '
+ ' | '
'
+ ' {label} '
+ ' 标注 '
+ ' | '
'
+ ' {stepPoints} '
+ ' 踩点 '
+ ' | '
+ '
])
});
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([
'
+ '
+ '
+ '
+'{pubDate}'
+ '
+ '
+'{content}'
+ '
+ '
+ '
+''
+ '
+ '
+' '
+ '
+ '
+ '
+ '
+'转发({transmits}) 评论({comments})'
+ '
+ '
+'来自{agent}'
+ '
+ '
+ '
+'
])
});
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,
listeners: {
afterlayout: function(self,layout){
var membersList = Ext.getCmp('membersList');
var community = Ext.getCmp('community');
if((undefined != membersList)&&(undefined != community)){
membersList.setHeight(community.getHeight()-92);
}
}
},
items: [{
id: 'squareTab',
title: '广场',
html: 'square ...'
},{
id: 'friendsTab',
height: '100%',
title: '好友'
},{
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';
},
//显示TA的资料
showOwnDatum: function(id){//名人Id
//隐藏名人关注
Ext.getCmp("focusFamous").hide("flip");
var ownDatum = Ext.getCmp('ownDatum');
if (undefined == ownDatum) {
Ext.getCmp("viewport").addItem({xtype:"travelbook.view.OwnDatum"});
}
Ext.getCmp("viewport").setActiveItem("ownDatum",{type:'cube',direction:'left'});
//设置回退标识
travelbook.controller.BackTarget = 'actionDetail';
},
//选中或取消选中关注对象
chooseFamous: function(id){//名人Id
var focusFamousChkImg = document.getElementById('focusFamousChkImg_'+id),
imgSrc = focusFamousChkImg.src;
var status = imgSrc.substring(imgSrc.lastIndexOf('/')+1,imgSrc.lastIndexOf('.'));
if(status == 'unchecked'){
focusFamousChkImg.src = '../images/checked.png';
}else {
focusFamousChkImg.src = '../images/unchecked.png';
}
},
//关注选中
focusChecked: function(){
//计数器,批量Id,临时Id,图片路径,状态标量
var cnt = 0, ids = '',tmpId, imgSrc = '', status = '';
var focusFamousChkImg = document.getElementsByName('focusFamousChkImg');
for(var i=0; i imgSrc = focusFamousChkImg[i].src; status = imgSrc.substring(imgSrc.lastIndexOf('/')+1,imgSrc.lastIndexOf('.')); if(status == 'checked'){ cnt ++; tmpId = focusFamousChkImg[i].id; ids += tmpId.substring(tmpId.lastIndexOf('_')+1,tmpId.length) + ','; } } ids = ids.substring(0, ids.length-1); if(cnt == 0){ alert('您没有关注任何人喔，赶紧选一个吧~'); }else{ alert('共关注 '+cnt+' 人, \r\n编号: '+ids); } }, //关注全部 focusAll: function(){ //计数器,批量Id,临时Id var cnt = 0, ids = '',tmpId; var focusFamousChkImg = document.getElementsByName('focusFamousChkImg'); for(var i=0; i focusFamousChkImg[i].src = '../images/checked.png'; cnt ++; tmpId = focusFamousChkImg[i].id; ids += tmpId.substring(tmpId.lastIndexOf('_')+1,tmpId.length) + ','; } ids = ids.substring(0, ids.length-1); alert('共关注 '+cnt+' 人, \r\n编号: '+ids); }, //加载动态详情各组件数据 loadActionDetailData: function(){ var actionDetail = Ext.getCmp('actionDetail'); if(!actionDetail.isLoaded){ actionDetail.isLoaded = true; var personalInfo = Ext.getCmp('personalInfo'), personalInfoTpl = personalInfo.recordTpl; var data = [{ id: '2001', pic: '../images/portrait.jpg', name: '爱煮茶', valPic: '../images/valPic.jpg', levelSun: '../images/sun.jpg', levelMoon: '../images/moon.jpg', levelStar: '../images/star.jpg', levelName: '赤脚大仙', arrowPic: '../images/arrow.jpg' }]; personalInfoTpl.overwrite(personalInfo.body, data); var personalWords = Ext.getCmp('personalWords'), personalWordsTpl = personalWords.recordTpl; var data = [{ id: '2001', name: '爱煮茶', saywords: '说的在理儿。', pubDate: '20分钟前', levelName: '赤脚大仙', fromAuthor: '琳敏卿', content: '65岁的富翁正在与一位风华正茂的妙龄女子谈恋爱，而且准备向她求婚，他征求自己的好朋友的意见：假如我说自己45岁，她是不是会嫁给我？ 假如你说自己今年90岁，朋友狡黠地回答，那么成功率会更大些！', transmits: 6, comments: 8 }]; personalWordsTpl.overwrite(personalWords.body, data); var friendGroups = Ext.getCmp('friendGroups'), friendGroupsTpl = friendGroups.recordTpl; var data = [{ id: '2001', pic: '../images/__pic.jpg', name: '咖啡有毒', pubPic: '../images/__valPic.jpg', pubDate: '20分钟前', content: '有朋友就是好哇！' },{ id: '2002', pic: '../images/__pic.jpg', name: '咖啡有毒', pubPic: '../images/__valPic.jpg', pubDate: '20分钟前', content: '有朋友就是好哇！.' }]; friendGroupsTpl.overwrite(friendGroups.body, data); actionDetail.doLayout(true,false); } }, //加载TA的资料 loadOwnDatumData: function(){ var ownDatum = Ext.getCmp('ownDatum'); if(!ownDatum.isLoaded){ ownDatum.isLoaded = true; //个人介绍 var personalInfoDetail = Ext.getCmp('personalInfoDetail'), personalInfoDetailTpl = personalInfoDetail.recordTpl; var data = [{ id: '2001', pic: '../images/portrait.jpg', name: '爱煮茶', valPic: '../images/valPic.jpg', levelSun: '../images/sun.jpg', levelMoon: '../images/moon.jpg', levelStar: '../images/star.jpg', levelName: '赤脚大仙', arrowPic: '../images/arrow.jpg' }]; personalInfoDetailTpl.overwrite(personalInfoDetail.body, data); //this.createIframe('http://192.168.1.136:8080/touch/app/views/community/form.jsp'); //个人勋章 var honour = Ext.getCmp('honour'), honourTpl = honour.recordTpl; var data = [{ id: '2001', honourPic: '../images/Image_BusinessWedding.png' }]; honourTpl.overwrite(honour.body, data); //个人简介 var introduceSura = Ext.getCmp('introduceSura'), introduceSuraTpl = introduceSura.recordTpl; var data = [{ id: '2001', introduce: '他还木有介绍!' }]; introduceSuraTpl.overwrite(introduceSura.body, data); //动作项 var appItem = Ext.getCmp('appItem'), appItemTpl = appItem.recordTpl; var data = [{ id: '2001', focus: 20, fans: 30, speakings: 123, label: 12, stepPoints: 5 }]; appItemTpl.overwrite(appItem.body, data); //个人转发 var ownWords = Ext.getCmp('ownWords'), ownWordsTpl = ownWords.recordTpl; var data = [{ id: '2001', pubDate: '6分钟前', content: '【这些街头小吃最好不要吃】①臭豆腐：硫酸亚铁②麻辣烫：地沟油，双氧水，福尔马林③毛鸡蛋：寄生虫④烤肉串：流泪猫或死猪肉⑤包子：猪肉瘤，血脖肉，死猪肉⑥油饼油条：铝超标，敌敌畏，地沟油⑦海鲜排挡：寄生虫，水银，甲醛⑧煎饼果子：地沟油，过期火腿⑨烤红薯：化工桶⑩炸鸡翅：臭鸡翅.', suraPic: '../images/Image_AD_Big.png', transmits: 50, comments: 10, agent: '车主宝典' }]; ownWordsTpl.overwrite(ownWords.body, data); ownDatum.doLayout(true,false); } }, //动态创建iFrame createIframe: function(url){ var iframe = document.createElement('iframe'); iframe.src = url; iframe.width = '100%'; iframe.height = 150; iframe.frameborder = 0; iframe.style.border = 'solid black 1px;'; //alert(document.getElementById("iframe")); document.getElementById("iframe").appendChild(iframe); }, //回退 back: function(){ try{ Ext.getCmp('viewport').setActiveItem(travelbook.controller.BackTarget,{type:'cube',direction:'right'}); }catch(Exception){ //返回至名人关注 Ext.getCmp('viewport').setActiveItem(Ext.getCmp('focusFamous'),{type:'cube',derection:'down'}); } } });