`
tntxia
  • 浏览: 1506946 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXT读JSON数据

阅读更多

EXT用来读JSON数据的方法是使用JSONStore对象,

 

Ext.onReady(function(){
	var store = new Ext.data.JsonStore({
    	// store configs
    	autoDestroy: true,
    	url: 'test.jsp',
   		storeId: 'myStore',
    	// reader configs
    	root: 'images',
    	idProperty: 'name',
    	fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date'}],
    	autoLoad : true
	});
	
	store.load({callback:function(record,a,b){
		alert(record.length);
	}});
	
});

 

JSON数据:

 

{
    images: [
        {name: 'Image one', url:'/GetImage.php?id=1', size:46.5, lastmod: new Date(2007, 10, 29)},
        {name: 'Image Two', url:'/GetImage.php?id=2', size:43.2, lastmod: new Date(2007, 10, 30)}
    ]
}
 

这里JSONStore默认是异步的操作,所以我们要定义一个callback方法,在它拿完数据后,再处理一下。

分享到:
评论

相关推荐

    读Ext之十(解析JSON)

    综上所述,“读Ext之十(解析JSON)”可能会涵盖如何在Ext JS环境中设置和使用Store来解析和操作JSON数据,以及如何利用数据模型、Proxy、Reader等工具实现数据的加载、显示和交互。通过学习这个主题,开发者可以更...

    Ext+json,+jquery培训资料

    EXT+json+jquery培训资料是针对前端开发技术的培训材料,涵盖了EXT库的使用、JSON数据格式以及jQuery框架。EXT是一个强大的JavaScript库,主要用于构建富客户端应用程序,它提供了丰富的组件和用户界面元素。jQuery...

    ext前台接收action传过来的json数据示例_.docx

    一旦JSON数据被解析,就可以访问其中的属性,例如`dagl_jg`、`org_mc`、`lccode`和`lcname`,并将这些值分别设置到EXT JS的组件中,比如`Ext.getCmp("jgs").setValue`和`Ext.getCmp('sslc').setRawValue`。...

    JsonViewJsonView

    总之,JsonView作为一款强大的JSON查看工具,极大地提升了开发者和数据工作者处理JSON数据的效率,简化了他们在工作流程中的数据查看和分析步骤。通过使用JsonView,用户能够更加便捷地理解和操作JSON数据,从而提高...

    json mysql Ext 组合登录

    4. **后端处理**:服务器接收到JSON数据后,解析并验证这些信息。这里,可以使用Node.js等服务器端语言,配合Express框架来处理HTTP请求。服务器会执行SQL查询,与MySQL数据库进行通信。 5. **数据库操作**:MySQL...

    json处理,ajax

    Ajax proxy配置了URL和请求方法(GET或POST),并可以设置如何将数据转换为JSON格式发送到服务器,以及如何解析服务器返回的JSON数据。 例如,创建一个简单的数据模型: ```javascript Ext.define('User', { ...

    json-c-0.6.tar.gz_JSON_json linux

    在Linux系统中,处理JSON数据通常需要借助于特定的库,而"json-c-0.6.tar.gz"就是这样一个针对C语言的JSON库。 json-c是一个开源的C语言实现的JSON库,它提供了在C程序中解析、生成、操作JSON数据的能力。版本0.6是...

    Jquery遍历json的两种数据结构.pdf

    在JavaScript中,可以直接通过对象字面量或数组字面量来创建JSON数据。在jQuery中,遍历JSON对象或数组通常会用到`$.each()`函数。例如,遍历上述JSON数组可以这样做: ```javascript var arr = [ {name: "john", ...

    Ext资料 Ext中文手册 Ext明教程 等

    7. **AJAX和JSON**:Ext广泛使用AJAX技术进行异步数据交换,JSON作为数据交换格式,因为它轻量级且易于处理。 8. **事件处理**:Ext的事件模型允许开发者为组件注册事件监听器,方便实现交互逻辑。 9. **国际化...

    如何把一个对象转换为JSON

    至于`Ext json.txt`文件,这可能是有关使用ExtJS框架(一个用于构建Web应用程序的JavaScript库)处理JSON数据的文档或代码片段。ExtJS提供了一个`Ext.encode()`方法,用于将JavaScript对象编码为JSON字符串,类似于...

    Json最新资料大全带例子

    例如,从服务器获取JSON数据并显示在Grid面板中: ```javascript Ext.onReady(function() { Ext.data.Store.store = new Ext.data.Store({ proxy: { type: 'ajax', url: 'data.json', reader: { type: 'json',...

    ext2.1 api

    - UNIX权限模型:EXT2遵循UNIX的用户、组和其他用户的读、写、执行权限。 - ACLs(Access Control Lists):EXT2不直接支持ACLs,但可以通过额外的模块添加支持。 6. **扩展性与局限性** - 相比后来的EXT3和EXT4...

    Python库 | python-jose-ext-1.3.2.3.tar.gz

    它允许将JSON数据加密成一个不可读的格式,只有拥有正确密钥的人才能解密。`python-jose-ext` 实现了多种加密算法,如RSA、AES-GCM等,使得开发者可以灵活选择合适的加密策略。 **3. JSON Web Key (JWK)** JWK是...

    Node搭建静态资源服务器时后缀名与响应头映射关系的Json文件

    JSON文件在此场景下常用于配置不同文件后缀名与响应头之间的映射关系,以实现灵活的服务器行为。 JSON(JavaScript Object Notation)是一种轻量级的数据...同时,JSON格式的易读性和可编程性也使得配置变得更加简单。

    ext ,javascript流程设计插件

    例如,当保存流程时,可以通过EXT将图形界面的状态转化为JSON格式的数据,便于存储和恢复。 4. **自定义行为**:开发者可以利用JavaScript事件机制为流程图的各个元素添加自定义行为,如点击节点弹出详细信息,或者...

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

    后台数据读取通常涉及Ajax请求,通过Ext.Ajax或Store对象与服务器进行通信。分页功能通过配置Store的proxy和paging参数实现,如设置`autoLoad`为true自动加载数据,`pageSize`定义每页显示的记录数,`proxy`配置为...

    Extjs教程_第五章_使用grid显示数据(3)

    这段代码展示了如何从数据库中获取电影数据并将其转换为EXTJS可识别的JSON格式。然而,实际生产环境中应考虑更多的安全性和性能优化,例如防止SQL注入,进行错误处理和用户验证。 接下来,我们关注GridPanel的选择...

    【源码】数据可视化:基于 Echarts + Python 实现的动态实时大屏范例12-供应商大屏.zip

    你可以使用Flask或Django等Web框架搭建服务器,处理HTTP请求,并将数据转换为JSON格式供Echarts使用。 3. **Echarts配置**:在前端,使用Echarts库创建图表实例,定义图表类型、数据源、颜色、交互选项等。Echarts...

    dataformat:使用Ext JS客户端和JavaSpring后端比较不同的数据格式

    首先,JSON(JavaScript Object Notation)是网络上最常用的数据交换格式,因其轻量级、易读、易写而被广泛接受。在Java Spring Boot中,可以使用Jackson库进行JSON序列化和反序列化。对于Ext JS客户端,它原生支持...

Global site tag (gtag.js) - Google Analytics