/**
* @Author sai
* 内容详细页
*/
Ext.define('SmartMenu.view.dynamic.Details', {
extend: 'Ext.Panel',
requires:['SmartMenu.view.dynamic.NewsImg'],
config: {
styleHtmlContent: true,
scrollable: 'vertical',
layout: 'vbox',
items:[],
listeners : {
painted : function(panel) {
var el = panel.element;
el.on('tap', function(e, t) {
var image = e.getTarget('img');
if (image) {
this.onTap(image.src);
}
}, panel);
}
}
},
initialize: function() {
var panel=this;
var urls=this.getData().image_url;
var h = '<div>' +
'<div id="news_detail_title">' + this.getData().title + '</div>' +
'<div id="news_detail_time_user">' + this.getData().created + '<span>' + this.getData().user + '</span></div>' ;
h+='<div style="float:right">';
for(var i=0;i<urls.length;i++){
h+=" <div style='width:100px;'> <img width:100px; height:60px; src='"+urls[i]+"'/> </div>";
}
h+='</div>';
h+= '<div id="news_detail_desc">' + this.getData().description + '</div>' +
'</div>';
var items = [{html:h}];
this.setItems(items);
},
onTap:function(url){
if(url){
if(!Ext.getCmp('news')){
Ext.create('SmartMenu.view.dynamic.NewsImg',{id:'news'});}
imgPanel=Ext.getCmp('news');
var h = '[img]'+ url+'" style="height:100%; width:100%;[/img]';
imgPanel.setHtml(h);
if (!imgPanel.getParent()) {
Ext.Viewport.add(imgPanel);
}
imgPanel.show();
}
}
});
Sencha Touch 2 获取 html img 标签
最新推荐文章于 2021-06-26 16:00:29 发布