从零开始学习Sencha Touch MVC应用之十九

列表组件要求两个前提条件被定义:用来进行数据存储的存储器和itemTpl 负责来显示数据.。要求列表来显示针对每条新闻的标题和日期，因此我们把我们在所定义的新闻模型的属性名称放在花括号中括起来。.
下面让我们对列表的类型稍做风格的修饰，打开res/css/style.css并且添加下面的内容:

.x-list-item-body {font-size: 0.8em;color: #0b3e7b;font-weight: bold;
}
.x-list-item-body .date {color: #666;font-weight: normal;
}

这里就是新闻列表所看起来的表像：:
关于更多的列表的组件的信息资料，你可以参考Intro to the List Component 截屏视频，如果想知道itemTpl属性能另外做些什么，可以参考XTemplates; part I 和part II 的截屏视频.

转载于:https://www.cnblogs.com/fyq891014/archive/2012/05/08/4188889.html

从零开始学习Sencha Touch MVC应用之十九相关推荐

从零开始学习Sencha Touch MVC应用之十四
我们已经给search-panel设置了cls属性:"一个可以添加到这个组件元素中的供选择的附加CSS类(默认为""),主要可用于对组件的定制风格或者其组件元素的CSS规 ...
从零开始学习Sencha Touch MVC应用之七
在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式. 控制器action的调用方式将按下面三种方式: l 利用路 ...
从零开始学习Sencha Touch MVC应用之八
用HTML 连接来调用控制器的anction 首先,我们将用HTML 连接来调用控制器的anction,因此,要修改HomeIndex 视图的html属性如下: html: '<a href=& ...
从零开始学习Sencha Touch MVC应用之六
在目前实现的应用中,你将看到上图所示的效果,我们已经添加了一些html标签在内容中,但效果看起来还是普通的文本文字效果,为了达到预期的目标我需要设置视图的styleHtmlContent属性为true ...
《从零开始学习ASP.NET MVC 1.0》-开天辟地入门篇
<从零开始学习ASP.NET MVC 1.0> 文章导航 (一) 开天辟地入门篇 (二) 识别URL的Routing组件 (三) Controller/Action 深入解析与应用实例 ( ...
从零开始学习ASP.NET MVC 入门
<从零开始学习ASP.NET MVC 1.0> 文章导航 (一) 开天辟地入门篇 (二) 识别URL的Routing组件 (三) Controller/Action 深入解析与应用实例 ( ...
从零开始学习ASP.NET MVC 1.0 (一)
从零开始学习ASP.NET MVC 1.0 (一) MVC1.0下载地址:http://www.microsoft.com/download/en/details.aspx?id=5388 博客园:h ...
零基础带你学习MySQL—多子句查询（十九）
零基础带你学习MySQL-多子句查询(十九)
从零开始学习 ASP.NET MVC 1.0 (三) Controller/Action 深入解析与应用实例【转】
一.摘要一个Url请求经过了Routing处理后会调用Controller的Action方法. 中间的过程是怎样的? Action方法中返回ActionResult对象后,如何到达View的? 本文 ...

从零开始学习Sencha Touch MVC应用之十九

从零开始学习Sencha Touch MVC应用之十九相关推荐

最新文章

热门文章