Sencha Touch 2 获取 html img 标签




/**
* @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();
}
}

});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值