`
sailei1
  • 浏览: 128218 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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





  • 大小: 137 KB
1
0
分享到:
评论

相关推荐

    Sencha Touch 2入门教程之MVC

    Sencha Touch 2入门教程之MVC 在本教程中,我们将学习如何使用Sencha Touch 2的MVC模式来开发一个登录界面。Sencha Touch 2是一个基于HTML5和CSS3的移动应用框架,能够快速开发跨平台的移动应用程序。在本教程中,...

    sencha touch2 ajax 获取数据

    在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架的基本概念以及AJAX技术在其中的应用。Sencha Touch2是一个用于构建高性能、跨平台的移动应用的JavaScript库,它专注于触摸设备上...

    Sencha Touch2环境搭建

    1. **获取Sencha Touch 2 源码** - 打开终端或命令提示符,使用Git克隆Sencha Touch 2的官方仓库: ``` git clone https://github.com/sencha/Sencha-Touch.git ``` 2. **创建新项目** - 使用Sencha CMD创建一个...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    2. **示例代码**:包含许多实际应用的例子,展示了如何在项目中使用Sencha Touch的各种功能。 3. **快速入门指南**:针对初学者的教程,引导他们快速上手Sencha Touch的开发环境和基本操作。 4. **用户手册**:...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    sencha touch 2 实例

    sencha touch 2 实现的贪吃蛇 希望对大家有所帮助

    Sencha Touch in Action

    书中的标签"Sencha"指的是一种基于JavaScript的前端开发工具集,Sencha公司提供的主要产品包括Sencha Ext JS(针对PC端的JavaScript框架)、Sencha Touch(针对移动端的JavaScript框架)和Sencha Animator(一个...

    Sencha Touch2 MVC Demo (含源码/数据库)

    Sencha Touch 2 是一个流行的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件、数据管理和触摸事件处理,使得开发者可以创建与原生应用类似的交互体验。MVC(Model-View-Controller)架构模式...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    sencha touch项目源码

    2. **模型(Model)与存储(Store)**:Sencha Touch使用MVC(Model-View-Controller)架构。模型用于定义数据结构和业务逻辑,而存储则负责管理数据,包括加载、保存和同步到服务器。 3. **视图(View)与控制器...

    一个完整的sencha touch 应用案例

    2. **sencha-touch-all.js**:这是Sencha Touch的完整构建,包含所有组件和功能。在开发阶段,为了方便调试,我们通常使用此文件;但在生产环境中,为了优化性能,我们会使用按需加载的精简版(如sencha-touch.js)...

    sencha touch list demo

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库,用于构建高性能的触屏Web应用。在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的...

    Sencha Touch开发的项目《般若人生》源码

    《般若人生》是一款基于Sencha Touch框架开发的移动应用项目。Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够...

    sencha touch在VScode上的插件

    标签中的"sencha touch"和"VScode"进一步确认了这个插件是为Sencha Touch开发者在VSCode中工作设计的。 至于压缩包内的文件`senchaVScode-1.0.1.vsix`,这是VSCode插件的标准安装包格式。用户可以通过VSCode内置的...

    sencha touch中文翻译文档

    这个"Sencha Touch中文翻译文档"是针对Sencha Touch 2(ST2)的详细教程和指南,旨在帮助中国开发者更轻松地理解和运用这一框架。 在入门基础部分,文档可能涵盖了以下内容: 1. **安装与设置**:如何下载Sencha ...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

    senchaTouch和fusioncharts结合的实例

    2. **创建图表容器**:在Sencha Touch 的视图(View)中,定义一个div元素作为FusionCharts的容器。设置好相应的ID以便后续引用。 3. **准备数据**:FusionCharts 需要JSON或XML格式的数据。你可以使用Sencha Touch ...

Global site tag (gtag.js) - Google Analytics