`
chj738871937
  • 浏览: 19608 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

sencha touch list数据加载与清除

阅读更多
list数据加载
1、store load方法
var proxyUrl = _proxyUrl;
var listStore = Ext.create('xxx.store.xxx');
listStore.getProxy().setUrl(proxyUrl);
listStore.load(function(records, operation, success) {
	if (success) {
		var myList = this.getMyList();
		myList.setStore(listStore );
	}
}, this);
2、list setData方法
var myList = Ext.getCmp('myListId');
// 清除list里面的数据
myList.setStore(null);
myList.setData(data);

list数据清除
var myArray = new Array();
var myList = Ext.getCmp('myListId'); 
myList.setStore(null); 
// 注意myList.setData(null)将会错
myList.setData(myArray);

应用
两次加载同一个list,第一次加载有数据,而第二次加载没数据时,就会出现一个很尴尬的界面

那么此时就要对list的数据进行清除
var myList= Ext.getCmp('myListId');
myList.setStore(null);
if(listData) {
	myList.setData(listData);
} else {
	var myArray = new Array();
	myList.setData(myArray);
}
  • 大小: 9.1 KB
分享到:
评论
1 楼 wpflove111 2014-07-29  
为什么要 new Array()? array = [] 不是一样么

相关推荐

    sencha touch list demo

    可能包括定义屏幕布局、设置路由、创建Store和List实例、加载数据等内容。 7. **优化与性能** 为了提高性能,Sencha Touch 使用虚拟滚动技术,只渲染当前可视区域内的列表项,而非一次性渲染所有数据。这使得大...

    sencha touch图片懒加载

    2. **创建数据存储(Store)**:接着,创建一个数据存储来管理这些图片模型,并在需要时异步加载数据。 ```javascript var imageStore = Ext.create('Ext.data.Store', { model: 'ImageModel', proxy: { type: '...

    sencha touch动态加载组件

    在Sencha Touch中,有几种方式可以实现动态加载: 1. **使用Ext.container.Viewport**:这是Sencha Touch中的主容器,可以包含一个或多个子组件。你可以根据需求动态添加或移除这些子组件。例如,当用户导航到新的...

    sencha touch 折叠list

    在Sencha Touch中,`折叠List`(Accordion List)是一种特殊类型的列表,用于展示可以展开和折叠的条目,这种设计常用于展示层级关系的数据或节省屏幕空间。 `折叠List`的核心概念是`Ext.dataview.Accordion`,它...

    sencha touch2 ajax 获取数据

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

    Sencha Touch显示本地josn数据

    Sencha Touch是一款基于HTML5和...这仅仅是Sencha Touch与数据交互的一个基础示例,实际开发中可能涉及到更复杂的远程API调用、数据过滤、分页等操作。理解并熟练掌握这一过程,对于开发功能丰富的移动应用至关重要。

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

    3. **数据绑定**:Sencha Touch 使用数据模型(Model)、存储(Store)和视图(View)的概念,实现了数据与界面的双向绑定,简化了数据管理。 4. **数据包管理**:通过Proxy组件,支持本地存储、JSONP、AJAX等数据获取...

    sencha touch项目源码

    这些视图会使用Sencha Touch的组件来构建用户界面,并通过数据绑定与模型或存储关联。 5. **控制器逻辑**:`controller`目录中的文件,如`MainController.js`,可能会包含处理用户交互、视图间通信以及数据操作的...

    sencha touch 登陆界面

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

    Sencha 和 Sencha Touch 简介

    HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据整合等。...

    sencha touch 例子 list 使用 代码

    在Sencha Touch中,`List`组件是核心组件之一,常用于展示可滚动的数据集合,例如联系人列表、任务列表等。本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是...

    Sencha Touch in Action

    《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...

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

    通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...

    sencha touch中文翻译文档

    2. **架构与模型**:解释Sencha Touch的基本架构,如MVC模式,以及如何定义和使用数据模型(Model)来处理业务逻辑和数据存储。 3. **视图(Views)**:介绍各种UI组件,如按钮、列表、面板、表单等,以及如何...

    senchaTouch和fusioncharts结合的实例

    4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...

    一个完整的sencha touch 应用案例

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

    sencha touch在VScode上的插件

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

    sencha touch 2.4.0最新版

    4. **数据绑定**:Sencha Touch提供了一种强大的数据绑定机制,2.4.0可能进一步完善了数据模型和store的交互,使得数据操作更加简便和高效。 5. **API改进**:框架的API可能会进行一些调整和增强,以提高可读性和可...

    Sencha Touch2环境搭建

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

Global site tag (gtag.js) - Google Analytics