extjs1--数据代理类

EXTJS表格功能扩展 Extjs的表格功能是很强大的,能够实现相关复杂的功能,只要你去挖掘,总会有新的发现。本文所使用的EXTJS是基于4.2.2版本的,由于EXTJS5变化较大,暂时没有去研究。以下主要列举我开发得比较成熟的控件 1、有状态表格--StatefulGrid         每个用户可以选择表格要显示的列、列的顺序及行排序规则。这些规则都会被服务存储,下用户再使用同一表格时,会按之前配置的规 阅读详情
Ext.data.DataProxy
数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件
beforeload : ( Object This, Object params )
load : ( Object This, Object o, Object arg )
loadexception : ( Object This, Object o, Object arg, Object e )
事实上参数也是子类自定义的

Ext.data.HttpProxy
api文档中说httpProxy是从object继承来的,事实上source中它和下面的Ext.data.MemoryProxy/Ext.data.ScriptTagProxy都继承于DataProxy
HttpProxy用于远程代理,而且服务端返回信息时必须指定Content-Type属性为"text/xml".

HttpProxy( Object conn )
构造一个HttpProxy对象,参数可以是一个类似于{url: 'foo.php'}这样的json对象,也可以是一个Ext.data.Connection对象,如果参数没有指定,将使用Ext.Ajax对象将被用于发起请求

getConnection() : Connection
得到当前连接对象

load( Object params, Ext.data.DataReader reader, Function callback, Object scope, Object arg ) : void
从配置的connection对象得到record数据块,并激发callback
params: 发起http请求时所要传递到服务端的参数
DataReader: 见DataReader
callback: 回叫方法,第一个参数为接收到的信息,第二个参数为arg,第三个是成功标志
scope: 范围
arg: 这儿的参数将会传递给回叫函数callback

使用示例:
var proxy=new Ext.data.HttpProxy({url:'datasource.xml'});
//关于reader将会在Ext.data.DataReader中讲解
var reader = new Ext.data.XmlReader({
totalRecords: "results",
record: "row",
id: "id"
}, [
{name: 'name', mapping: 'name'},
{name: 'occupation'}
]);

//定义回叫方法
var metadata;
function callback(data,arg,success){
if(success){
metadata=data;
}
}
//从connection配置的url中利用reader将返回的xml文件转为元数据,并传递给callback
proxy.load( null,reader,callback,this);

Ext.data.MemoryProxy
MemoryProxy( Object data )
构造
load( Object params, Ext.data.DataReader reader, Function callback, Object scope, Object arg ) : void
取数据,和HttpProxy类似,只是params参数没有被使用

使用示例
var proxy=new Ext.data.MemoryProxy([ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]);
var reader = new Ext.data.ArrayReader(
{id: 0},
[
{name: 'name', mapping: 1},
{name: 'occupation', mapping: 2}
]);

var metadata;
function callback(data,arg,success){
metadata=data;
}
proxy.load( null,reader,callback,this);


Ext.data.ScriptTagProxy
这个类和HttpProxy类似,也是用于请求远程数据,但能用于跨主域调用,如果请求时使用了callback参数
则服务端应指定Content-Type属性为"text/javascript"
并返回callback(jsonobject)
反之则应置Content-Type属性为"application/x-json"
并直接返回json对象

ScriptTagProxy( Object config )
构造,其中
config定义为{
callbackParam : String, //回叫参数
nocache : Boolean, //是否缓存
timeout : Number, //超时
url : String //请求数据的url
}

abort() : void
放弃

load( Object params, Ext.data.DataReader reader, Function callback, Object scope, Object arg ) : void
参见HttpProxy
EXTJS 4.1主题皮肤定制与应用指南 EXTJS是一个基于JavaScript的前端框架,主要用来开发富互联网应用程序(RIA)。其设计理念强调的是在不同的浏览器和设备上提供一致的用户体验。EXTJS 4.1框架的核心组件包括:控件(Widgets)、布局管理(Layouts)、数据处理(Data Package)等。这些组件提供了一套丰富的界面元素,使得开发者可以快速构建出专业的用户界面。在现代Web开发中,EXTJS的应用价值主要体现在其强大的数据管理能力和丰富的组件库上,使得构建复杂的交互式前端应用变得简单高效。 阅读详情

相关推荐

华为FusionCharge 720kW液冷直流快充桩主电流全路径深度详解

本文档详细介绍了华为FusionCharge 720kW液冷分体式直流充电系统的主电流路径全链路解析,适用于配套DS720-720LCNA1充电主机及DT600L1-CNA1液冷终端、DT250N2-CNA1自然冷终端的运维工作。内容涵盖从电网交流输入到电动汽车充电的全过程,重点解析交流门、整流正门、主控正门等五大柜门区域的核心元器件分布及功能,包括额定参数、安全规范、故障排查等关键运维知识。操作人员需持有高压电工证并通过专项培训,作业时必须严格遵守断电验电、穿戴PPE防护装备等安全红线。文档通过16个关键

2401_84939870的博客 750

ExtJs4入门之三: Proxy数据代理类

一: Ajax获取Json对象 Ext.onReady(function(){ //声明一个模型类 , 相当于class Ext.define("Person",{ extend:"Ext.data.Model", fields:[ {name:'name',type:'atuo'}, {name:'age',type:'int'}...

thewebcode 221

驯服电源尖峰:从BUCK/BOOST环路剖析到高di/dt噪声的实战抑制

本文深入探讨了电源系统中高di/dt噪声的产生机制及抑制方法,通过BUCK/BOOST电路的环路分析,揭示了电流路径不连续导致的电压尖峰问题。文章提供了实用的PCB布局技巧和噪声抑制策略,包括最短回路原则、铺铜优化和过孔阵列战术,帮助工程师有效降低EMI噪声,提升电源系统的稳定性。

weixin_29587015的博客 274

第1章 ExtJS 概述

1. EXTJS官方信息要使用ExtJS,那么首先要得到ExtJS 库文件,该框架是一个开源的,可以直接从官方网站下载,网址http://extjs.com/products/extjs/download.php,进入下载页面可以看到大致如图xxx 所示的内容,当前可以选择的最高版本为3.0,本教程使用的3.0 版本。 http://extjs.com/是EXTJS的官方网站,上面有很多资料,应该

小S 1017

C++游戏开发实战:从零构建局域网联机对战系统(附完整代码解析)

本文详细介绍了如何使用C++开发局域网联机对战游戏系统,涵盖从环境搭建到实战代码解析的全过程。重点讲解了Winsock库的应用、Socket通信原理、服务端与客户端开发技巧,以及性能优化和安全防护方案,帮助开发者快速掌握C++游戏开发的核心技术。

weixin_42524945的博客 445

信息奥赛课课通(C++)p154-1近似排序

试题描述 读入一对正整数,将这两个数之间(包括这两个数本身)的所有数按下述特别规则排序后输出,该特别规则是按两数倒过来的值进行比较决定其大小,如30倒过来为3,29倒过来为92,则29大于30. 输入要求 1行,包含两个用空格隔开的自然数,这两个自然数给出了待排序数的范围,其中1≤第一个数≤第二个数≤999999999,两个数之差不超过100. 输出要求 输出排序后的数据,每行输出...

mengdicfm的博客 7283

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小 关闭的时候不太顺手 感觉不方便 所以想双击关闭tab方便些 于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920 可是用在我的系统框架上无效,本人用的是ExtJs4.1。 不知道是不是我的问题,可是实在找不出错在哪里。 于是 自己想了个办法 亲测支持ExtJs4.1 可能有

cwisme的专栏 2757

手把手教你用Logisim搭建5级流水MIPS CPU(附华中科技计组实验避坑指南)

本文详细介绍了如何使用Logisim从零构建5级流水MIPS CPU,特别针对华中科技大学计算机组成原理实验提供实用指南。内容涵盖单周期CPU过渡、流水线寄存器设计、数据冒险处理等核心环节,并附有实验避坑建议和性能优化技巧,帮助学生高效完成这一挑战性项目。

weixin_42532938的博客 372

EXTJS4.1MVC单表维护

EXTJS4.1做的单表维护,在同一个gridpanel中完成CRUD操作,数据处理方面借鉴webbuildder中的处理,由于是刚开始学习extjs,可能有不合理的地方,希望大家批评,指正,下面是界面的效果图,还有MVC的相关代码。 我的一点小感受: 1。EXTJS的grid中可以设置CRUD的相关api, 但是这样的话增加,删除,修改的操作是在不同的事务里面,这样不利于事务的控制,比如说我

1217

ScottPlot vs LiveCharts:WPF图表库性能对比与MVVM适配方案

本文深度对比了WPF图表库ScottPlot与LiveCharts在性能与MVVM架构适配上的表现。通过十万级数据点的基准测试,ScottPlot在渲染速度与内存占用上优势显著。文章重点探讨了两种库在MVVM模式下的集成方案,为开发者根据项目需求(如实时监控或快速原型)进行技术选型提供了实战指导。

lll78的博客 245

Python实战:动态爬取国家地表水水质实时监测数据(附最新代码解析)

本文详细介绍了使用Python动态爬取国家地表水水质实时监测数据的实战方法。针对动态网站数据加载特点,重点解析了如何利用Selenium模拟浏览器操作、结合BeautifulSoup解析数据,并提供了最新的代码实现与常见问题解决方案,帮助开发者高效获取环境监测数据。

app77的博客 280

EXTJS 动态树 JAVA JSON 来组织数据

如果使用EXTJS  则在页面中必须将EXTJS引入到页面中来,引入部分此处略去了。 EXTJS 动态树主体 页面部分   Ext.onReady(function() { var Tree = Ext.tree; var tree = new Tree.TreePanel( { el : 'left_tree',//目标div容器 autoScroll : true,

getdate的专栏 2663

第四节:Vben Admin登录对接后端getUserInfo接口

上一节,我们完成了/api/auth/login接口的创建,通过login接口,我们完成了登录和Token的生成。但是登陆还是报404返回,发现是Vben Admin又请求了一个/api/getUserInfo接口,本节我们就来分析完成这个接口本节,我们完成了getUserInfo接口,完成了登录操作,成功的进入到工作台页面。

cuiwin的专栏 2846

EXTJS AJAX 解析 XML 数据

EXTJS  AJAX 从后台取 XML  数据 在页面上展示  页面JS function getAllAreaInfos() { var areaName = ""; Ext.Ajax.request({ method: 'POST', url: 'allAreaInfos', params: {"areaName":are

getdate的专栏 3337

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

ExtJs4.1目录结构介绍和使用说明[转]

一、在做ExtJs开发之前首先要到网站上下载ExtJs的开发包,我用的最新版本是4.1.1。此版本相对于之前的版本目录结构发生了一些变化,没有了adapter目录, 目录结构如下 文件/文件夹名的作用: build:文件夹下有一个sdk.jsb3文件,这个文件用于eclipse中spket插件,可以实现ExtJs的代码提示功能; builds:压缩后的ExtJS代码,体积更...

weixin_30429201的博客 122

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

EXTJS的工作总结

<br />工作总结<br />   ExtJS是什么?在我进了公司之后我才开始听到这个名词,之前只是听说过JQuery,还没用过,甚至之前也只是偶尔修改下javascript,真正使用javascript还未曾试过。接触EXTJS后,我也开始对javascript慢慢地了解更多一些了。EXTJS给了我一种新的编程乐趣和编程方式,让我抛开了写HTML代码的界面,让我可以快速地布局出自己想要而且体验不错的界面!<br />什么是EXT<br />1、ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一

SOHO SOFTWARE 2531

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

extjs中元数据_Extjs jsondata的metaData

框架中,服务器通过JSON返回EXTJS的STORE,来处理数据,但是传递的只是数据,希望能传递METADATA,无意中发现JSONSTORE支持METADATA。很是高兴。ExtJs框架系列之数据存储Stroe这是一篇介绍STORE相关的文章,其中提到metadata的使用方法。如果服务器传递如下信息:{'metaData': {totalProperty: 'results',root: 'r...

weixin_39719101的博客 282

【EXTJS】远程数据本地过滤

EXT过滤有 远程过滤(remote filter)和本地过滤(local filter),本文记录的是本地过滤。由于楼主使用的是EXTJS 5.1.0版本的MVVM模式,所以接下来的 model 和 store 都是定义成了类。modelExt.define('cmclouds.model.RatioStore',{ extend: 'Ext.data.Model', fields:[ ...

记事本 825

ExtJS4.2学习(1)——初识ExtJS

一、浅谈ExgJS发展历史 要想深入了解某一项事物,最好的方式就是首先了解它的历史。Ext的发展比较有特色,其实一开始Ext并非是从零开发的。它是由JackSlocum基于雅虎的YUI技术,通过参考JavaSwing等机制来开发成的这么一种纯javascript框架,这货其实一开始并不叫ExtJS,一开始叫YUI-Ext,其实这哥们一开始也没想到Ext能火,不过“事与愿违”,这货超乎寻常的火了起

低调的草原狼 7770

extjs 渲染之前的方法_extjs初探

最近要做一个后台管理系统,方便操作数据库,对比了前端一些渲染框架,bootstrap,easyUI,extJs,各有优缺点把,最终还是选择了extJs,这门门槛较高的框架。easyUI基于jquery,bootstrap不同终端的兼容性做的很好啊,而extjs全是控件交互,我作为一个平时写javah后台程序的人来说,上手很容易,清晰的MVC模式,面向组件编程。需要什么页面什么样的交互效果查文档就可...

weixin_39583521的博客 248

EXTJS Grid 之ActionColumn

EXTJS Grid 之ActionColumn   分类: EXTJS4 在EXTJS的各个版本中,grid应该是我们最常用的组件之一,EXTJS的grid为我们提供了很强大的功能,相信,做过extjs的人都已经了解了该组件的强大之处。比如说:排序、过滤、编辑、等等。这节呢,咱们主要是对grid中的ActionColumn做一个说明。以便在大家用到的时候。便于查阅...

iteye_21103的博客 625

EXTJS4自学手册——EXT数据结构组件(proxy代理类之服务器端代理)

一、AjaxProxy 说明:这是最常用的代理,通过ajax和服务器交互数据   例子: script type="text/javascript"> Ext.onReady(function () { //定义一个数据模型 Ext.define('MyInformation', {

wh591344741的专栏 647

Extjs系列P4之数据代理Proxy

Extjs系列P4之数据代理Proxy前言数据代理Proxy目录结构 前言 这是b站上【extjs4.0 全套视频教程(完整版)】的P4数据代理Proxy的相关学习总结感受 extjs4.0 全套视频教程(完整版) extjs4.0 全套视频教程(完整版). 数据代理Proxy目录结构 4.0版本目录图 4.2版本目录图 两个版本还是有差别的 ...

yuan5025的博客 406

Extjs数据展现原理

无论前端框架多么复杂, 最基本的技术是不变的:                       HTML,  Javascript , CSS ;                  Json ,   Javascript 函数与面向对象, 原型继承机制。         要弄懂前端框架, 上述前端基础一定要非常熟练甚至精通。         Extjs 对数

瀞心:软件人生 2515

Extjs4.1 checkboxgroup获取数据库值设置 选中

最近在extjs4.1升级,升级以后出现了一些问题:显著就是checkboxgroup和radiogroup的取值和设置值的问题,在这里列出了例子给大家参考。     //将后台数据转换为'1'数组 function transtyle(v){    var arr=v.split(','); var c=new Array(); ...

skymym的专栏 823
上一篇: 怪蜀黍,北老大
下一篇: ExtJs自学教程:一切从API开始
sunappro
博客等级 码龄20年 3粉丝 48原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值