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
分享到:
相关推荐
可能包括定义屏幕布局、设置路由、创建Store和List实例、加载数据等内容。 7. **优化与性能** 为了提高性能,Sencha Touch 使用虚拟滚动技术,只渲染当前可视区域内的列表项,而非一次性渲染所有数据。这使得大...
2. **创建数据存储(Store)**:接着,创建一个数据存储来管理这些图片模型,并在需要时异步加载数据。 ```javascript var imageStore = Ext.create('Ext.data.Store', { model: 'ImageModel', proxy: { type: '...
在Sencha Touch中,有几种方式可以实现动态加载: 1. **使用Ext.container.Viewport**:这是Sencha Touch中的主容器,可以包含一个或多个子组件。你可以根据需求动态添加或移除这些子组件。例如,当用户导航到新的...
在Sencha Touch中,`折叠List`(Accordion List)是一种特殊类型的列表,用于展示可以展开和折叠的条目,这种设计常用于展示层级关系的数据或节省屏幕空间。 `折叠List`的核心概念是`Ext.dataview.Accordion`,它...
在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架的基本概念以及AJAX技术在其中的应用。Sencha Touch2是一个用于构建高性能、跨平台的移动应用的JavaScript库,它专注于触摸设备上...
Sencha Touch是一款基于HTML5和...这仅仅是Sencha Touch与数据交互的一个基础示例,实际开发中可能涉及到更复杂的远程API调用、数据过滤、分页等操作。理解并熟练掌握这一过程,对于开发功能丰富的移动应用至关重要。
3. **数据绑定**:Sencha Touch 使用数据模型(Model)、存储(Store)和视图(View)的概念,实现了数据与界面的双向绑定,简化了数据管理。 4. **数据包管理**:通过Proxy组件,支持本地存储、JSONP、AJAX等数据获取...
这些视图会使用Sencha Touch的组件来构建用户界面,并通过数据绑定与模型或存储关联。 5. **控制器逻辑**:`controller`目录中的文件,如`MainController.js`,可能会包含处理用户交互、视图间通信以及数据操作的...
Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...
HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据整合等。...
在Sencha Touch中,`List`组件是核心组件之一,常用于展示可滚动的数据集合,例如联系人列表、任务列表等。本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是...
《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...
通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...
2. **架构与模型**:解释Sencha Touch的基本架构,如MVC模式,以及如何定义和使用数据模型(Model)来处理业务逻辑和数据存储。 3. **视图(Views)**:介绍各种UI组件,如按钮、列表、面板、表单等,以及如何...
4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建图表实例。你需要指定图表类型、宽度、高度、数据源以及容器ID。 ```javascript var chart = new ...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些...
Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...
4. **数据绑定**:Sencha Touch提供了一种强大的数据绑定机制,2.4.0可能进一步完善了数据模型和store的交互,使得数据操作更加简便和高效。 5. **API改进**:框架的API可能会进行一些调整和增强,以提高可读性和可...
Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...