Ext的数据存储与传输(完全手工敲入)

1  Ext.data.Connection
Ext.data.Connection是对Ext.lib.Ajax 的封装
  var conn=new Ext.data.Connection({
                     autoAbort:false,              //连接是否会制动断开
                     defaultHeaders:{               //参数表示请求的默认首部信息
           referer:'http://localhost:8080/'
                  },
                     disableCaching: false,          //请求是否禁用缓存
                     extraParams :{                   //请求的额外参数
                     name:'name'                     
                    },
                method:'GET',
                timeout:300,
                url:'01.txt
});
创建了conn之后,可以调用request() 函数发送请求,处理返回结果
conn.request({
                 success: function (response){
                               Ext.Msg.alert('info',response..responseText);
    },
 failure : function(){
 Ext.Msg.alert('warn','failure');
}
});

2   Ext.data.Record
 Ext.data.Record  就是设定了内部数据类型的对象, 他是Ext.data.Store 的最基本组成部分,如果把Ext.data.Store看做是一张二维表,那么它的每一行就对应一个Ext.data.Record的实例。
     Ext.data.Record 的主要功能是保存数据,并且在内部数据发生改变时记录修改的状态,我们使用Ext.data.Record时通常都是由create()函数开始,首先用create()函数创建一个自定义Record类型,
var PersonRecord=Ext.data.Record.create([
 {name:'name',type:'string'},
{name:'sex',type:'int'}
]);
PersonRecord是我们定义的新类型,包含字符串类型的name和整数类型的sex两的属性。
 var boy=new PersonRecord({
name:'boy',
sex:0
});
alert(boy.data.name);
或 alert(boy.get('name'));
这里涉及到Ext.data.Rexord的data属性,这是定义在Ext.data.Record的一个公共属性,用于保存当前的Record对象的所有数据,可以通过Ext.data.Record的get()函数方便的从data属性中获得指定的属性值
boy.set('name','boy name');  用于修改boy中属性的数据

3  Ext.data.Store
Ext.data.Store是Ext中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取,类型转换,排序分页和搜索等操作的。
Ext.data.Store中有一个Ext.data.Record的数组,所有的数据都存放在这些Ext.data.Record 实例中,为后面的读取和修改操作做准备
var data=[
['boy',0],
['girl',1]
];
var store=new Ext.data,Store({
Proxy: new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},PersonRecord)
});
store.load();
每个store 最少需要两个组件支持,分别是proxy和reader,proxy用于从某个途径读取原始数据,reader用于将原始数据转换成Record实例。
这里我们使用的是Ext.data.MemoryProxy和Ext.data.ArrayReader,将data数组中的数据转换成对应的几个PersonRecord的实例,然后放入Store中。store创建完毕之后执行store.load() 实现这个转换过程。
经过转换之后,store里的数据就可以提供该Grid或Combox使用了。

4  对数据进行排序
Ext.data.store提供了一系列属性和函数,利用它们对数据进行排序操作
var store=new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},PersonRecord),
sortInfo:{ field:'name', direction:'DESC'}
});
使用store.setDefaultSort('name','DESC');也可以达到同样的效果
或 store.sort('name','DESC');

5 从store 中获取数据
根据record 在store中的行号获得对应得record,得到了record就可以使用get()函数获得里面的数据了,
store.getAt(0).get('name')
遍历:
for(var i=0;i<store.getCount();i++)
{var record=store.getAt(i);
 alert(record.get('name'));
}
或
store.each(function(record){
alert(record.get('name'));
});
each可以接受一个函数作为参数,遍历内部record。并将每个record作为参数传递给function()处理,如果希望停止遍历,可以让function()返回false
也可以使用getRange()函数连续获得多个record,只需要指定开始和结束的索引值,如下面代码所示:
var records=store.getRange(0,1);
for(var i=0;i<records.length;i++)
{var record=record[i];
alet(record.get('name'));
}


转载于:https://www.cnblogs.com/j3eee/archive/2009/08/04/1538757.html

避坑指南:ANSYS流固耦合计算中System Coupling数据传递设置与常见报错解决 本文深入解析ANSYS Workbench中System Coupling模块在双向流固耦合(FSI)计算中的应用,详细讲解数据传递机制、典型报错解决方案及高阶调试技巧。通过实际案例展示如何优化耦合步长、处理大变形问题,并提升并行计算效率,帮助工程师有效规避常见技术陷阱。 阅读详情

相关推荐

制作Ubuntu22.04启动盘

现在越来越多程序代码都需要运行在linux环境下,运行这些代码的前提是安装一个稳定的linux操作系统。本文选择Ubuntu 22.04去制作系统启动盘。本文主要对ubuntu22.04的启动盘制作过程进行了详细的说明,希望能帮助到有需要的朋友。

lyx_ok的博客 1万+

Ext中的文件上传笔记,呵呵!

话还得从头说起,因为这一段时间以来我们公司正在用ext来做后台的管理系统,而我做的那一块里面包含了一个照片上传的功能 , 因为对ext还不是太熟,所以以为它其中的文件上传控件还要自己去重写它的控件,可没想到上一下它的论坛一搜,原来只要在控件 里面将其xtype设置为file,再将form里面的fileUpload设置为true就行了,这时以为问题解决了,就在action里面用String...

Java Walking... 291

高分三号SAR影像超精细条带数据预处理实战:从原始数据到地理编码的完整操作指南

本文提供了高分三号SAR影像超精细条带数据预处理的完整实战指南。详细介绍了从原始数据导入、多视处理、滤波去噪、DEM准备到地理编码与辐射定标的完整流程,帮助用户利用SARscape软件将原始SAR数据转化为可用于分析的地理编码产品。

tree8的博客 578

ext上传文件代码

[code="java"] Js代码 var gameFrom = new Ext.form.FormPanel({ width:300, height:400, fileUpload:true, frame:true, bodyStyle: 'padding:5px 5px 0', labelAlign:'c...

yujia博客 188

高分7(GF7)卫星数据制作平原地区DSM/DEM(三)——可信度分割

李国春(接上)

副组长的博客 1715

学Simulink--基础微电网场景实例:基于Simulink的微电网黑启动过程建模与仿真

黑启动(Black Start)是指在全系统停电(无电压、无频率)状态下,微电网依靠内部电源自主恢复供电的能力。🌩️典型场景主网长时间故障自然灾害导致区域停电计划检修后重启❗挑战无参考电压/频率 → 逆变器无法锁相负荷逐级投入 → 需避免过流/过压多电源协调 → 防止环流或失步✅黑启动成功标准在30 秒内恢复关键负荷供电电压/频率稳定在范围内无设备损坏或保护跳闸🎯本文目标:手把手教你使用 Simulink + Simscape + Stateflow 搭建。

amy_mhd的博客 201

上传图片至服务器,写入到数据库Blob字段中,以及从数据库读取Blob信息(iframe父子页面传值)(2)

首先说写入oracle的Blob字段 上一文章的实现方法没有贴出来,如下: TempUserService.java [html] view plaincopy package org.hd.tempuser.service;    import java.io.FileNotFoundException;  import java.io.IOException;  i

Shirley_John_Thomas的博客 1988

uniapp - 超详细 H5 网页引入百度地图教程,附地图示例 / 获取当前设备定位的省市区、详细地址、经纬度信息 / 用户当前 IP 属地定位地理位置等等(新手小白快速上手,详细配置及使用全流程)

uniapp百度地图,uniapp百度地图ip属地定位,uniapp百度地图获取省市区详细地址经纬度等,uniapp百度地图当前用户设备定位省份市区详细所在地ip属地等详细教程示例,uniapp网页h5引入百度地图详细教程,uniapp h5网站使用百度地图详细教程,uniappH5端如何接入使用百度地图api,uniapp H5网页端百度地图获取地理位置信息,uniapp h5页面引入百度地图,uniapp h5平台百度地图获取城市信息,uniapp百度地图获取经纬度,uniapp 百度地图拿省市区用什么

🏆 前端领域优质创作者 6218

ExtJs+Spring+Hibernate上传文件/图片到Oracle数据库Blob字段类型

ExtJs: [code="js"] var fatj_form = new Ext.form.FormPanel( { id : 'fatj_form', url : 'Gzry/Fjxx/EditFjxx.action?format=json', method : 'post', frame : true, border : false, ...

unixtux的专栏 246

SAP Fiori Launchpad 自定义层文本翻译实战:精准修正 Tile、Catalog 与 Group 标题

SAP Fiori 项目中,入口层(tile/catalog/group)的翻译问题常被忽视,但其直接影响用户体验。与前端i18n不同,这些文本属于平台配置数据,需通过ABAP标准翻译流程(SE63)处理。关键步骤包括:使用/UI2/FLC定位Text ID和Configuration ID,根据前缀区分Main/Property WD Config Key,在SE63中锁定WDY_CONF_USERT2表对象进行翻译。操作时需注意使用系统源语言环境,翻译完成后可能需要清理缓存。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 173

Error: Flash Download failed - Target DLL has been cancelled

由于换了新电脑,keil重装了下,然而之前的MCU的支持包没有安装,以及一些其他的问题,导致可以编译但是不能将程序烧录到单片机中。现整理一下解决思路: 1、将支持包下载并添加: 找到你需要用的MCU的具体型号: 例如: 点击网址,下载安装包,或者在csdn等其他网址下载安装包,将下载好的pack包放到keil5的安装目录下的.Download中: 点击file中的import,将路径选择到.........

hanhan的博客 5万+

Ext 文件上传

[color=red]Ext.form.TextField 中设置 inputType:'file' 再将form里面的fileUpload设置为true就行了[/color] Java代码 1.import java.io.File; 2.import java.io.FileInputStream; 3.import java.io.FileOutputStre...

iteye_3782的博客 186

Ollama DNS 重新绑定攻击 (CVE-2024-28224)

一旦 DNS 重新绑定攻击成功,攻击者就可以对这些 API 进行排序,以读取 Ollama 运行的进程可访问的任意文件数据,并将这些数据泄露到攻击者控制的系统中。完成对“创建模型” API 请求的调用后,Ollama 将收集组成新创建的用户模型的许多工件,包括大型语言模型数据、许可证数据等,以及我们要提取的文件,所有这些都可以通过其 SHA256 内容进行寻址。这是我们要窃取的文件,在我们的示例中,是可通过运行 Ollama 的主机上的路径名访问的现有文本文件。值得注意的是,该模型配置为通过参数中的。

技术超强的网络安全平台 1648

数据存储与传输

第10章 数据存储与传输 http://book.51cto.com/art/200901/106549.htm本章内容Ext.data简介Ext.data.ConnectionExt.data.RecordExt.data.Store常用proxy常用reader高级storeEXT中的Ajax关于scope和createDelegate()DWR与E

shuilv2000的专栏 820

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

[转载]Ext数据存储与传输<一>

10.1 Ext.data简介 Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取 数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持Array、JSON、XML等数据格式,可以通过Memory、HTTP、 ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构,只需要...

weixin_30877493的博客 137

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

ExtJS的使用方法汇总(7)——数据存储与传输

Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。EXT默认支持Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构,只需要扩展reader和proxy即可。本章主要介绍

薛敬明的专栏 4533

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

extjs数据存储与传输

 本章内容q   Ext.data简介q   Ext.data.Connectionq   Ext.data.Recordq   Ext.data.Storeq   常用proxyq   常用readerq   高级storeq   EXT中的Ajaxq   关于scope和createDelegate()q   DWR与EXT整合10.1 Ext.

jesenblog的专栏 3278

Ext Js 数据传输与存储(三):

数据传输与存储: 一、ExtJs实现Ajax的方式: 1、Ext.lib.Ajax是最底层的封装,Ext.Ajax,Ext.data.Connection内部功能都是依靠Ext.lib.Ajax来实现的。其实现代码如下: Ext.lib.Ajax.request(

dcsoft_nick的专栏 1382

ExtJS数据存储与传输

本章内容 q   Ext.data简介 本章内容 q   Ext.data简介 q   Ext.data.Connection q   Ext.data.Record q   Ext.data.Store q   常用proxy q   常用reader q   高级store q   EXT中的Ajax q   关于scope和createDelegate() q   D

sjyingwei的专栏 1万+

深入浅出Ext JS:数据存储与传输1

10.1 Ext.data简介   Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介 获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持Array、JSON、XML等数据格式,可以通过Memory、 HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议 和新...

一条鱼 + 一条鱼 154

深入浅出Ext JS:数据存储与传输

10.4 Ext.data.Store   Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。   Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。   10...

小宝 217

Extjs-数据存储与传输 Ext.data和Ext.data.Connction

1.Ext.data 在命名空间定义了一系列store,reader,和proxy grid和comboBox都是以Ext.data为媒介获取数据的,它包含了异步加载,类型转换,分页等功能 Ext.data默认支持Array,JSON,XML等数据格式,可以通过Memory,HTTP,ScriptTag等方式获得这些格式的数据. 如果实现新的协议和新的数据结构,只需要扩展reader和proxy

itlwc 1633

extjs2.0 文件上传_extjs数据存储与传输

本章内容qExt.data简介qExt.data.ConnectionqExt.data.RecordqExt.data.Storeq常用proxyq常用readerq高级storeqEXT中的Ajaxq关于scope和createDelegate()qDWR与EXT整合10.1Ext.data简介Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和Combox...

weixin_39771987的博客 382

ExtJS的使用方法汇总7——数据存储与传输

Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。EXT默认支持Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构,只需要扩展reader和proxy即可。本章主要介绍

孤雁是天的寂寞 740

Extjs-数据存储与传输-记录集 Ext.data.Record

1.Ext.data.Record 是一个设定了内部数据类型的对象,是Ext.data.Store的最基本组成部分,如果把Ext.data.Store看作二维表,Ext.data.Record就是每一行对应的实例,Ext.data.Record主要功能是保存数据,并在内部数据发生改变时记录修改的状态,还可以保留修改之前的原始值,使用Ext.data.Record时通常都是由create()函数开

itlwc 7096

ExtJS 深入浅出—— 数据存储与传输 详细版

Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以 Ext.data为媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data默认支持 Array、JSON、XML等数据格式,可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数 据。如果要实现新的协议和新的数据结构,只需要扩展reader和proxy即可。DWRProxy就实现 了自身的proxy和reader,让EXT可以直接从DWR获得数据。

cccloveforever的博客 372
上一篇: プラットホーム
下一篇: extjs中的常用proxy
developer2016
博客等级 码龄10年 2粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值