循环从ExtJS Sencha中的每个存储重新加载数据

ExtJS Sencha是一款流行的前端开发框架，它提供了丰富的组件和工具，用于构建现代化的Web应用程序。在ExtJS Sencha中，存储（Store）是用于管理数据的组件之一。当我们需要重新加载存储中的数据时，可以通过循环遍历每个存储并调用其重新加载数据的方法来实现。

以下是一个示例代码，展示了如何循环从ExtJS Sencha中的每个存储重新加载数据：

Ext.application({
    name: 'MyApp',
    launch: function () {
        // 创建存储
        var store1 = Ext.create('Ext.data.Store', {
            // 配置存储的模型、代理等
            // ...
        });

        var store2 = Ext.create('Ext.data.Store', {
            // 配置存储的模型、代理等
            // ...
        });

        // 存储数组
        var stores = [store1, store2];

        // 循环遍历存储数组
        Ext.Array.each(stores, function (store) {
            // 重新加载存储中的数据
            store.load();
        });
    }
});

在上述示例中，我们首先创建了两个存储（store1和store2），然后将它们存储在一个数组中（stores）。接下来，通过使用Ext.Array.each()方法循环遍历存储数组，对每个存储调用load()方法重新加载数据。

这种循环重新加载数据的方法适用于需要同时重新加载多个存储的情况，例如在一个页面中同时展示多个数据列表，每个列表对应一个存储。通过循环遍历存储数组，我们可以方便地统一管理和更新这些存储中的数据。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：腾讯云提供的高可靠、低成本的对象存储服务，适用于存储和管理各种非结构化数据。
腾讯云云数据库 MySQL 版：腾讯云提供的稳定可靠的云数据库服务，支持MySQL数据库，适用于各种应用场景。
腾讯云云服务器（CVM）：腾讯云提供的弹性计算服务，可快速部署云服务器，满足不同规模和需求的应用场景。

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和情况进行。

相关·内容

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

WebApp 开发框架推荐以及优缺点分析

不用盲目的百度和问大神们WebApp 开发使用哪个框架最好？等等问题。在此，小编尽量解答各位的WebApp 问题。根据国内js大神以及有过WebApp 开发经验的前辈们分析，小编推荐下面6款常用的WebApp 开发框架。

[翻译]Ext JS 教程-ExtJS 4中的数据包（Package）

数据包（data package）是用来加载和保存你应用程序中的数据的东西，包含41个类，但是其中有三个类比所有其他类更加重要——Model，Store和Ext.data.proxy.Proxy。这些类被几乎所有的应用程序用到了，并且受到了许多其他卫星类（satellite class）的支持。

初识Ext.NET

以前从没想过会用到ExtJS，总是对它有着一种反感：认为脚本资源大，执行脚本多，性能差等等。最近因为一个项目使用到了，就用上了。相对JQuery，ExtJS没有那么方便灵活，但是其界面美观，功能实用，可以节约不少开发时间。玩ExtJS，就感觉是在玩配置，也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情，稍不留心，就得为自己的失误埋单。虽然网上有些设计器，但是大都满足不了需求。后来，在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说，能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中，也没有那么顺畅。

前端进阶攻略|最全的前端开源JS框架和库

新的 Javascript 库层出不穷，从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具，并讨论它们的适用场景。 1.angular.Js 地址：http://www.runoob.com/angularjs/angularjs-tutorial.html 代码托管地址:https://github.com/angular/angul

JavaScript Mobile开发框架汇总

目前Javascript移动开发框架有些共同的特点：专门为移动设备做了优化，提供标准的UI组件；提供跨平台的支持（Android、IOS、etc）；轻量级，由于手机网络访问的特点，所有的框架都要注意轻量；大量使用HTML5和CSS3标准。

[翻译]Ext JS 教程-类系统原

类系统

ExtJS 史上第一次进行了重整新的类系统的大重构。新的架构以ExtJS 4.X所编写的每一个类作为后盾，因此在你编写代码以前理解它是非常重要的。

这个手册主要面向任何想在ExtJS 4.x中新建或者扩展类的开发人员。它分成四个部分：

Ø 部分一：“综观”解释了稳定的类系统的需求

Ø 部分二：“命名规则”讨论给类、方法、属性、变量和文件命名的最佳实践

Ø 部分三：“动手实践”提供详细的一步步编码的例子

Ø 部分四：“错误处理&调试”提供如何处理一场的小建议和小计谋

一综观

ExtJS 4 靠超过300 多个类驱动。我们拥有一个超过20万来自世界各地，具备各种编程背景的开发人员组成的巨大社区。在一个框架的范围内，我们面对提供一个通用的编码结构的那些大挑战：

Ø 简单易上手

Ø 开发快速、调试简单、部署无忧

Ø 结构良好，可扩展可维护

JavaScript 是 classless 的面向原型的语言。天性使然，灵活是这个语言最强大的特性。使用不同的方式，不同的编码形式和技术，都可以让工作有效。然而就是那个特性，带来了不可预知的代价。没有一个统一的形式，JavaScript代码可能很难去理解、维护和重用。

从另一方面来看，基于类的编程仍然是面向对象编程领域最受欢迎的模式。基于类的语言常常需要强类型，提供封装和标准的编码规范。一般而言要让开发人员遵守一大堆规则，而编码就会变得一直可预知、可扩展和规规矩矩。然而，他们不会有在JavaScript这样的语言中发现的同样的动态能力。

每种方法都有其利弊，但是我们是否可以利用两者好处的同时避免他们的坏处呢？答案是肯定的，我们在ExtJS 4中实现了这个解决方案。

二命名规范

至始至终为你编码的类、命名空间和文件名使用一致的命名规则有助于保持你代码的组织性、结构性和可读性。

1）类

类名应该只包含字母和数字字符。数字在大多数情况下是不鼓励使用的，除非他们属于一种技术手段。不要使用下划线，连字符或者其它任何非字母非数字的字符。举个例子：

Ø MyCompany.useful_util.Debug_Toolbar 不鼓励这样命名

Ø MyCompany.util.Base64 是可以被接受的

类名应该被组成成为包，在包中合适恰当的使用对象属性点记号（.）分出命名空间。至少，应该只有唯一的顶层命名空间后面跟类名。举个例子：

MyCompany.data.CoolProxy

MyCompany.Application

顶层命名空间和真实类的命名应该采用Camel形式（单词的首字母都大写），其它所有事物都应该是小写的。举个例子：

MyCompany.form.action.AutoLoad

不是Sencha发行的类永远不应该使用Ext作为顶层命名空间的名字。

首字母缩略词也应该遵守上面列出的Camel形似命名规则。示例如下：

Ext.data.JsonProxy 而不是Ext.data.JSONProxy

MyCompany.util.HtmlParser 而不是 MyCompary.parser.HTMLParser

MyCompany.server.Http 而不是MyCompany.server.HTTP

2）源代码

类地址的名字应该直接指向文件被存储的路径。基于此，每个文件中只能有一个类，示例如下：

Ext.util.Observable 被存储在路径 /to/src/Ext/util/Observable.js 中

Ext.form.action.Submit 被存储在路径 /to/src/Ext/form/action/Submit.js中

MyCompany.chart.axis.Numeric 被存储在路径 /to/src/MyCompany/chart/axis/Numeric.js中

Path/to/src 是你的应用程序类所在的路径。所有的类都应该在这个公共的根下面，并且为了获得最好的开发、维护和部署体验，适当的赋予命名空间。

2）方法和变量

跟类名类似，方法和变量的名字应该只包含数字和字母字符。数字被允许的，但在大多数情况下是不被鼓励的

ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互

ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互. 这里我们将演示ExtJs的FormPanel从WCF加载数据，以及如何提交数据到WCF服务端 1.首先来定义一个用于传输信息的Class（实际开发中，可以是Linq to Sq

[翻译]Ext JS 教程-组件原

sencha touch结合phonegap开发android下的文件浏览器

大家好，今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。首先，众所周知，sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发的一个js库，其诞生的目的就是为了使webapp成为nativeapp，甚至使其更像nativeapp，通过html5，javascript，css能够大大地缩短开发移动应用的周期，而且html的灵活性和绚丽是java和object-c所不能媲美的。然而，想让h

这一节，将学习如何使用网络上最常见的UI控件_Grid 1.静态示例: 静态示例其实官方下载包里，就有sample，这里只贴出代码，后面的如何跟WCF结合，做出动态版的Grid才是本文重点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

ajax应用中跨域一直是一个非常麻烦的问题，目前也有一些解决办法，但要么比较麻烦，要么就不具备通用性，幸好ExtJs里的ScriptTagProxy提供了跨域读取数据的功能，而且在几大浏览器上都可以正常运行，但在使用过程中要注意几点: 1.服务端返回时，必须按以下格式返回: stcCallback1001({...}) 其中stcCallback1001中的1001是自动生成的，如果是分页提交的话，每再请求一次1001会变成1002,1003...类推 2.ExtJs官方的示例中虽然ScriptTagPro

Ext JS 6 新特性和工具 Ext JS 6 带来很多新特性、工具和改进。以下是一些亮点： • 合并了 Ext JS & Sencha Touch - 在 Ext 6, 你可以访问 Ext JS 和 Sencha Touch的所有组件, 只用一个代码基即可，满足所有设备的用户体验。通过使用共同的核心，SenchaTouch UI 组件支持了MVVM、数据绑定、甚至鼠标点知的支持，如果你想在桌面使用。特别在如图标、网格等内容上也有所增强。 •Sencha枢轴网格透视网格插件，使您能够快速和容易的Ext J

Extjs form 组件

1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置重要属性 defaultType:"" 设置默认子项的xtype 3.数据交互和加载 Ext.form.action.Action Ext.form.action.Submit ajax方式提交 Ext.form.action.StandardSubmit 原始表单提交方法 Ext

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

循环从ExtJS Sencha中的每个存储重新加载数据

1. 需求

1.1 网页浏览器

1.2 Web 服务器

1.3 Ext JS 4 SDK

2. 应用程序结构

2.1 基本结构

一 综观

二 命名规范

1）类

2）源代码

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

一综观

二命名规范