在sencha touch项目做list时需要在没有数据的情况下显示图片和提示语句,最开始使用了笨办法,就是在controller动态改变view层内容
今天在看sencha touch文档时发现sencha原本就有解决这种情况的方法,只需在view加emptyText属性即可,
修改后代码如下(controller中不做任何操作,只需在view页面添加emptyText属性):
Ext.define('Haier.view.phone.Todo.List', {
extend : 'Ext.Container',
xtype : 'todoList',
config : {
id : 'todoHomeId',
title : "待办中心",
items : [ {
id : 'todoList',
store : 'Todo',
xtype : 'list',
height : null,
disableSelection : 'false',
emptyText : "<div style='height:"
+ window.innerHeight
+ "px;padding-top:100px'><img src='images/todo_null_list_bg.png' width='120' height='150'/><div style='text-align:center;color:#8a8c8e'>暂时没有待办事项</div></div>",
itemTpl : [ "<div><span>{TodoTitle}</span></div>" ]
.join('')
} ],
}
});
分享到:
相关推荐
sencha touch 折叠list
sencha touch list demo
适合Sencha Touch刚入门者学习.项目下面的Index才是显示的页面.记得发布,不发布的话是显示不出来的
sencha touch2移动开发框架,ajax获取数据
A demonstration of how the list view works in Sencha Touch 2.
HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据整合等。...
sencha touch图片懒加载
sencha touch grid
sencha touch sdk工具
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
sencha touch 2.4.0最新版 原版包下载
这是我做的一个sencha touch 的项目,测试并能运行,希望对大家有帮助
Sencha Touch是专门用于移动...使用Sencha Touch,开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用,其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。
Sencha Touch开发的项目《般若人生》源码
《Sencha Touch 权威指南》陆凌牛著的源码包
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助
sencha touch cookbook 英文高清文字版 !