`

JsonP Store的load方法

 
阅读更多
使用jsonP获取store数据时,由于JsonP是异步的,调用完成时store不会立刻更新,因此应该使用callback进行响应。如下:
var store = Ext.getStore('Channel');
store.getProxy().getExtraParams().shopId = shopId;
store.load({
    callback : function(records, operation, success) {
        for(var i=0; i<records.length; i++){
           // do something
        }
    },
    scope: this
});
分享到:
评论

相关推荐

    Sencha touch 2.0 of JsonP

    4. 当需要加载数据时,调用Store的`load`方法,JsonP请求会被自动发起。 5. 服务器端接收到请求后,处理数据并以JsonP格式返回。 通过这种方式,Sencha Touch 2.0利用JsonP实现了跨域数据交互,为移动应用提供了...

    EXTJS 折线 chart action 代码示例

    2. 使用load方法:另一种方式是手动调用store的load方法,传入包含URL的参数。这种方法灵活性较高,但需要手动处理加载事件。 ```javascript var store = Ext.create('Ext.data.Store', { model: 'MyModel' }); ...

    Extjs和数据库交互,增删改查

    2. 读取(Read):通过Store的load方法,可以获取服务器上的数据。Proxy会根据配置的URL和参数发送请求,服务器返回数据后,Store将数据加载到内存中。 3. 更新(Update):当用户修改记录时,Store会检测到数据...

    extjs最简单的数据绑定和修改

    Store的`load`方法用于从服务器加载数据,`store.load({params: {id: someId}})`。而`store.sync()`则用于将Store中的所有添加、修改和删除操作提交到服务器。 8. 综合应用: 结合使用这些组件和方法,可以在用户...

    通过ext实现CURD

    设置store的load方法加载数据,Grid Panel会自动显示Data Store中的内容。 **4. 更新(Update)** 更新操作通常在Grid Panel中进行,用户选择要修改的行,然后在编辑模式下更改字段值。EXT Grid Panel支持行级编辑...

    extjs后台交互完整示例

    同时,Controller层则负责处理用户交互和数据更新,触发Store的load或sync方法来与后台交互。 "webapp"可能是一个Web应用程序的根目录,包含了HTML、CSS和JavaScript文件,以及可能的配置文件。在这里,我们通常会...

    《Ext JS 高级程序设计》的数据库文件

    - Store的`loadPage()`方法可以用来加载特定页的数据,而`load()`方法则可以加载整个数据集。 5. **数据过滤和排序**: - Store提供强大的数据过滤和排序功能。可以使用`filter()`方法添加过滤条件,`sort()`方法...

    经验总结-Extjs(一)数据交互设计

    7. **事件驱动编程**: 在数据交互过程中,监听和触发事件是关键,例如store的load事件、model的save事件等。 8. **数据绑定**: ExtJS支持双向数据绑定,使得UI组件和数据模型保持一致,当数据发生变化时,界面会...

    ext-gwt分页 鉴于网上关于ext-gwt的技术文章很少代码页很少本着开源的精神本人特地写了一个分页的组件供大家学习欢迎下载

    2. **配置Proxy**:设置Store的Proxy,指定数据源并处理分页请求,如使用`new JsonPProxy('data.php')`。 3. **创建Grid**:定义Grid面板,将Store与Grid关联,这样Grid会自动根据Store中的数据进行渲染。 4. **...

    基于ExtJS技术实现的DataGrid 动态数据绑定检索例子程序代码

    例如,Store的load方法可以带参数,如start(开始索引)和limit(每页数量)来实现分页;而ColumnModel中的sortable属性和filter配置则用于排序和过滤。 总结起来,这个示例展示了如何使用ExtJS的DataGrid组件实现...

    Extjs深入浅出pdf

    5. **Store 的其他功能**:除了基本操作,store 还支持监听事件,如load、beforeload、datachanged等,以及对远程排序和分页的支持。 6. **Proxy**:Proxy 是EXTJS 中用于与服务器通信的抽象层,它处理数据的读取、...

    Ext3.0 动态数据 Chart 初探

    Store是数据的容器,可以连接到不同的数据源,如JSONP、Ajax请求或本地数组。当Store的数据发生变化时,与其绑定的Chart会自动更新,展现最新的数据。 创建动态数据Chart的步骤如下: 1. **定义Model**:首先,...

    Extjs5手动搭建MVVM项目demo

    在ViewModel中,你可以通过Store的`load`方法加载数据,如`this.getStore('Test1Store').load();`。 7. **运行项目**:最后,启动开发服务器,通过`sencha app watch`命令,然后在浏览器中访问`...

    ext分页客户端demo Java js

    - Store监听`load`事件:在数据加载完成后,可以监听Store的`load`事件,进行进一步的处理,如初始化Grid等。 5. **优化和性能**: - 如果数据量过大,可考虑使用服务器端分页,每次只向客户端发送所需的数据。 ...

    ExtJS Combobox二级联动列子

    1. 创建Store:定义两个Store,分别用于存储一级和二级的数据,可以使用JSONP或Ajax来加载远程数据。 2. 创建Combobox:为每个级别创建一个Combobox,设置其Store,并配置好显示和查询的字段。 3. 设置联动:在一级...

    extjs_02_grid显示本地数据、显示跨域数据_.docx

    假设服务器端提供了一个 JSONP 格式的 API 接口,我们可以使用 ExtJS 的 `Ext.Ajax.request` 方法来请求这些数据: ```javascript Ext.Ajax.request({ url: 'http://example.com/data.json?callback=?', callback...

    读Ext之十(解析JSON)

    6. **监听数据加载事件**:在Store加载数据的过程中,可以监听`load`事件,当数据加载完成时执行回调函数,对数据进行进一步处理。 7. **数据绑定**:Ext JS支持数据绑定,这意味着Store中的数据变化可以直接反映到...

    Extjs高级程序设计的数据库文件sql server 2005

    4. **远程数据加载**:通过ExtJS的"load"方法,可以异步加载远程数据库中的数据。这通常涉及JSONP或CORS机制,以解决跨域问题。 5. **分页和排序**:在处理大量数据时,需要实现分页和排序功能。ExtJS的Store支持...

    extJs+2.1学习笔记.pdf

    了解其使用方法,如update、load、setUrl等,能够实现高效的页面动态更新。 11. **JSON序列化篇** JSON是ExtJS中常用的数据交换格式。理解如何将JavaScript对象序列化为JSON字符串,以及反序列化为JavaScript对象...

    用Extjs做的一个小项目,实现了增删改查

    - **读取**:Store通过`load()`方法从服务器获取数据,并自动填充到Grid Panel中。 - **更新**:在Form Panel中修改数据后,调用`update()`方法更新记录,同样需要`sync()`来同步到服务器。 - **删除**:选择要...

Global site tag (gtag.js) - Google Analytics