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

extjs store ajax支持同步加载数据

 
阅读更多
Ext.define('Ext.ux.data.proxy.Ajax', {
    extend: 'Ext.data.proxy.Ajax',
	async:true,
    doRequest: function(operation, callback, scope) {
        var writer  = this.getWriter(),
            request = this.buildRequest(operation);  
        if (operation.allowWrite()) {
            request = writer.write(request);
        }
        Ext.apply(request, {
			async		  : this.async,
            binary        : this.binary,
            headers       : this.headers,
            timeout       : this.timeout,
            scope         : this,
            callback      : this.createRequestCallback(request, operation, callback, scope),
            method        : this.getMethod(request),
            disableCaching: false 
        });
        Ext.Ajax.request(request);
        return request;
    }
});

 使用的时候:

proxy: Ext.create("Ext.ux.data.proxy.Ajax",{
				async:false,
				url:"data/SystemMenus.json",
				reader: {
					type: 'json',
					root: 'children',
					idProperty: 'id'
				}
			})

 

0
0
分享到:
评论

相关推荐

    ExtJs事件处理 ajax

    - 也可以使用`Ext.data.Store`与服务器进行数据交互,它支持自动加载、分页和同步等特性。 通过这些事件处理机制,开发者可以创建出响应用户操作、实时更新数据的动态Web应用程序。在实际项目中,理解并灵活运用...

    ajax框架之extjs2.0

    Store支持远程数据加载,可以与服务器通过Ajax进行通信,实现分页、排序、过滤等功能。 **4. GridPanel** GridPanel是ExtJS中的一个核心组件,用于展示表格数据。它提供了行编辑、列重排、筛选等多种功能,并且可以...

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

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

    ExtJS深入浅出介绍之数据存储于传输

    Store可以加载数据、同步更改、排序、过滤和分页,提供了一种灵活的方式来处理和展示数据。 2. **Model(数据模型)**:Model定义了数据结构,包括字段名、类型和验证规则。它是Store中的数据实体,为数据操作提供...

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

    1. **Store**: Store是ExtJS中存储数据的核心组件,它可以管理数据集,包括加载、更新和同步到服务器。 2. **Model**: Model定义了数据的结构和字段,与Store配合使用,提供了数据操作的规范。 3. **Proxy**: ...

    ExtJS的.NET控件_YuiGrid(数据绑定.同步_异步取值)

    **ExtJS的.NET控件_YuiGrid:数据绑定与同步/异步取值详解** 在Web开发中,ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序。YuiGrid是ExtJS的一个组件,提供了灵活的数据展示和操作功能。本文将深入探讨...

    extjs和数据库的后台交互

    6. **分页和过滤**:对于大量数据,ExtJS的Store支持分页加载,通过配置`paging`属性和`pageSize`参数实现。同时,Store还提供了过滤数据的功能,可以通过`store.filter()`方法按照特定条件筛选数据。 7. **事件...

    extjs后台交互完整示例

    总的来说,这个示例将帮助我们理解如何使用ExtJS的Store、Model、Proxy和Controller等组件与后台服务器进行有效的数据交互,从而实现数据的加载、添加、编辑和删除等操作。通过学习这个示例,开发者可以掌握如何构建...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    分页功能通过配置Store的proxy和paging参数实现,如设置`autoLoad`为true自动加载数据,`pageSize`定义每页显示的记录数,`proxy`配置为REST或Ajax类型以处理HTTP请求。 2. **TreePanel**:TreePanel用于展示层次...

    介绍如何应用ExtJs进行前后台的数据交互

    数据存储是数据模型的集合,负责管理数据的加载、排序、过滤和同步。例如: ```javascript var store = Ext.create('Ext.data.Store', { model: 'User', proxy: { type: 'ajax', // 使用Ajax代理 url: 'data/...

    extjs 写的动态加载、增删改查、拖拽Tree(完整版)

    对于示例代码,可能包括了以下内容:ExtJS TreePanel 的配置、树节点的数据模型定义、动态加载的store配置、拖放区的配置、以及与服务器交互的Ajax请求。你可以在解压后的文件中找到具体的实现细节,通过阅读和学习...

    ExtJS增删改查

    一旦数据加载到Store,就会自动填充到网格中,用户可以浏览和筛选信息。 更新(Update)操作涉及修改现有的数据记录。在数据网格中,用户可以直接编辑单元格内容,更改会被自动检测并暂存到本地。当用户确认更改时...

    extjs4中文文档

    6. **Ajax和数据管理**:EXTJS4内置了强大的Ajax请求处理和数据管理机制,通过Ext.data.Proxy和Ext.data.Store可以轻松处理远程数据请求和本地数据存储。 7. **可访问性**:EXTJS4注重无障碍性,遵循WCAG 2.0标准,...

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

    模型还支持数据验证,确保输入的数据符合预设规则。 二、数据存储(Store) 数据存储(Store)是管理数据集合的组件,它可以连接到各种数据源,包括JSONP、Ajax、本地存储等。在与数据库交互时,Store 通常是连接...

    ExtJs2.0学习系列

    Grid组件是ExtJS 2.0的一大亮点,它支持数据分页、排序、过滤和编辑等功能。通过学习如何配置Grid面板,如定义列模型、使用行编辑器等,可以创建高效的数据展示和操作界面。 六、Ajax和远程数据交互 ExtJS 2.0通过...

    Extjs3.0 cookbook

    4. **数据存储(Data Store)**:EXTJS的数据存储组件可以与各种数据源进行交互,如XML、JSON等,支持远程和本地数据加载。 5. **表格(Grid)**:EXTJS的表格组件具有强大的功能,如排序、分页、行编辑等,适合...

    ExtJs4学习文档资料

    ExtJS提供了强大的Ajax工具,如Ajax请求对象(Ext.Ajax)和Store的异步加载,使得开发者可以方便地与服务器进行数据交换。教程可能涵盖如何发起Ajax请求,处理响应,以及在失败时进行错误处理。同时,它也可能解释了...

    Extjs 3.0 中文API

    3. **数据绑定**:框架支持数据模型(Model)与视图(View)的双向绑定,通过Store管理数据,使数据操作与界面更新同步,提高开发效率。 4. **Ajax交互**:ExtJS 3.0 提供了Ajax请求的封装,如AjaxProxy和...

    Extjs4 grid使用例子

    Store负责加载和管理数据,它可以连接到各种数据源,如JSONP、Ajax或内存中的数据。在Grid中,Store与Model关联,Model定义了数据字段和其行为。 4. **列配置**: Grid的列配置定义了每列的显示方式,包括字段名、...

    extjs4mvc的crud

    - **Store**:作为数据缓冲区,它管理数据的加载、刷新和同步。可以配置异步加载(loading data on demand)和分页(paging)等功能。 - **路由(Routing)**:在SPA(Single Page Application)中,路由用于管理...

Global site tag (gtag.js) - Google Analytics