`

sencha touch 列表增加图片新闻

阅读更多
var topNews = Ext.create('Ext.Carousel', {
	height : 70,
	scrollDock: 'top',
	docked : 'top',
	defaults: {
		backgroundCls : 'x-img-background topnews-carousel-item-img'
	},
	items: [
		{
			xtype: 'image',
			src: 'http://pic.pedaily.cn/201503/20150313@75495.jpg'
		},
		{
			xtype: 'image',
			src: 'http://pic.pedaily.cn/201412/20141205@62881.jpg'
		}
	]
});

this.eventList.add(topNews);

 通过scrollDock: 'top' docked : 'top' 两个属性配置,使图片新闻浮动在list首部并随list滚动条一同滚动。

原文摘自:http://www.cnblogs.com/mlzs/p/3580315.html

 

 

分享到:
评论

相关推荐

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

    Sencha Touch 是一款专为移动设备开发的前端框架,它提供了丰富的组件和API,使得开发者可以轻松构建跨平台的触控应用。这个压缩包“touch-docs-2.2.1.zip”包含了Sencha Touch 2.2.1版本的离线API参考文档,对于...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    sencha touch list demo

    List组件是Sencha Touch中用于展示数据的视图,常用于创建诸如联系人列表、新闻摘要列表等。它可以与数据存储(Store)配合使用,实时更新显示的数据。List组件提供了多种样式和配置选项,如分组、多选、索引条等,...

    Sencha Touch in Action

    3. 用户界面组件:详细介绍Sencha Touch提供的各种用户界面组件,如按钮、列表、表单、滑动菜单等。 4. 应用结构与生命周期:解释如何组织Sencha Touch应用代码,以及应用的生命周期管理。 5. 触摸事件处理:讲解在...

    sencha touch项目源码

    1. **组件系统**:Sencha Touch的核心是其强大的组件(Component)系统,它允许开发者创建各种复杂的用户界面元素,如按钮、表格、列表、面板等。组件可以嵌套,形成复杂的UI结构。 2. **模型(Model)与存储...

    sencha touch 登陆界面

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

    sencha touch 折叠list

    `Ext.List`是Sencha Touch中基础的列表组件,可以显示一列可滚动的项目,而`Accordion List`则在其基础上增加了折叠和展开的功能。 ### 1. 创建折叠List 创建一个折叠List首先需要定义一个`Ext.dataview.Accordion...

    sencha touch 2.4.0最新版

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

    sencha touch图片懒加载

    3. **创建列表(List)**:使用Sencha Touch的List组件展示图片。我们将监听其Scroller的`scroll`事件,以便在滚动时加载更多图片。 ```javascript var imageList = Ext.create('Ext.List', { store: imageStore, ...

    一个完整的sencha touch 应用案例

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些...

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

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

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    sencha touch在VScode上的插件

    Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    senchaTouch和fusioncharts结合的实例

    Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...

    Sencha Touch MVC 模式

    ### FrancisShanahan-SenchaTouch2MVCHelloworld-c330be1项目 该项目是一个基于Sencha Touch 2的MVC模式Hello World示例,可能包含了创建基本模型、视图、控制器的过程,演示了如何通过MVC模式构建一个简单的应用。...

    sencha touch sdk工具

    Sencha Touch SDK工具是开发移动应用的重要资源,尤其对于那些希望使用Sencha Touch框架构建触控友好、跨平台Web应用程序的开发者来说。Sencha Touch是一个强大的JavaScript库,它提供了丰富的UI组件和API,使得...

    sencha touch 实例

    开发Sencha Touch应用时,需要在`<head>`部分引入`sencha-touch.css`和`sencha-touch.js`。此外,还有针对不同设备主题的CSS文件,如`android.css`、`apple.css`和`bb6.css`,选择合适的文件可以改变应用的视觉样式...

Global site tag (gtag.js) - Google Analytics