ScriptTagProxy 是支持script标签的proxy,其主要工作原来是建立<script language="javascript"></script>标签
从服务器端返回JS文件,一般和JSON搭配使用
1:服务器端要处理一个名为callback的参数,其作用是返回一个名为 param("callback")({});的对象。
2:trans_id是一个递增的事物Id,主要用来防止并发请求对象名称重复。
var stp=new Ext.data.ScriptTagProxy({
url:"http://127.0.0.1:8080/CommonWeb/jsonData.jsp",
timeout : 10000,
callbackParam : "JsonObj",
nocache : true,/*Ext会在参数后加时间戳*/
///*
listeners : {
load :function(t,o,a){
alert(t);
}
}
//*/
});
stp.addListener("load",function(){alert("load")});
var read=new Ext.data.JsonReader({
id: 'rowid',
root: 'rowset',
totalProperty: 'count',
fields: [
"title"
]
});
stp.load({params:{start:0, limit:1}},read,backFn);
function backFn(data,args,sucess){
alert(sucess)
alert(data.totalRecords)
alert(data.records[0].id)
alert(data.records[0].get("title"))
}
比较郁闷的一点是 添加事件时候用 listeners 不管用,而用addListener就可以,不知道为什么.....
<%=request.getParameter("JsonObj")%>({
"count":"1",
"rowset":[{
"rowid":"1",
"title":"return mys title"
}]
});
分享到:
相关推荐
在这个例子中,`MemoryProxy`被用作数据源,但也可以替换为`ScriptTagProxy`等其他代理,以便从远程服务器加载数据。最后,`GridPanel`对象被创建,指定了渲染目标、数据源、列模型、选择模型等属性。 ### 总结 ...
在本例中,因为需要从外部服务器获取数据,故使用了ScriptTagProxy代理,并指定了数据的URL地址。获取的服务器数据格式必须包含totalProperty属性和root属性对应的集合。 构造PagingToolbar时,需要指定一个json...
标题中的"ext3 gridRowEditor本地数据简单...通过对这个demo的学习,你可以了解如何在ExtJS 3.x中创建一个具有行编辑功能的表格,以及如何处理本地数据。这对于开发任何需要用户编辑表格数据的应用程序都是很有帮助的。
6. **Ajax和AJAX代理**:了解如何使用Ajax进行异步通信,以及配置不同类型的AJAX代理,如HttpProxy、ScriptTagProxy等。 7. **国际化**:学习如何实现应用程序的多语言支持,以适应全球化需求。 8. **主题和皮肤**...
- **数据代理**: `DataProxy`、`HttpProxy`、`MemoryProxy`和`ScriptTagProxy`用于从不同来源加载数据。 - **数据读取器**: `DataReader`、`ArrayReader`、`JsonReader`和`XmlReader`用于解析不同格式的数据源。 ...
8. **Ajax和数据通信**:使用Ajax请求进行后台通信,包括JsonP和ScriptTagProxy。 9. **国际化(i18n)**:如何支持多语言应用。 10. **性能优化和最佳实践**:提高应用性能的技巧和建议。 通过结合中文API文档和...
5. **数据代理(Data Proxy)**:EXTJS2的数据代理提供了一种与后台服务器通信的方式,包括Ajax代理、ScriptTagProxy、MemoryProxy等,用于异步加载和保存数据。 6. **事件处理(Events)**:EXTJS2组件之间通过...
数据代理则抽象了数据源,如HTTP代理、ScriptTagProxy等。 12. **事件处理(Event Handling)**: 所有ExtJS组件都基于事件驱动,通过监听和触发事件,实现组件间的交互。 通过“Ext3.2中文API(最终完成版2010-10-...
EXTJS核心API详解是一系列详细解析EXTJS框架中关键组件和功能的文档。EXTJS是一个基于JavaScript的富客户端开发框架,用于构建交互式、...通过学习和实践,开发者可以利用EXTJS构建出具有专业级用户体验的Web应用程序。
5. **AJAX和数据Proxy**:Ext3.2提供了一个强大的AJAX层,通过AjaxProxy或ScriptTagProxy等数据Proxy,可以方便地进行异步数据请求和响应处理。 6. **Grid组件**:Grid是Ext3.2中的重要组件,用于展示大量结构化的...
EXTJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序。深入浅出EXTJS 的PDF 文档...通过深入学习EXTJS 的数据存储与传输,开发者可以更好地组织和管理应用程序的数据流,提高用户体验,同时降低服务器负载。
4. **远程数据通信**:通过Ajax或ScriptTagProxy实现与服务器的数据交互,支持RESTful API和XML、JSON等多种数据格式。 5. **表单处理**:提供了丰富多样的表单组件和表单处理功能,包括验证、提交、重置等,方便...
中文API帮助手册是开发者学习和掌握ExtJS 3.0的重要参考资料,它包含了框架的所有类、方法、属性和事件的详细解释。 在《ExtJS 3.0 中文API》中,我们可以找到以下几个关键的知识点: 1. **组件体系**:ExtJS 3.0...
通过"ExtJS2.0教程.chm"这个帮助文件,我们可以详细学习到以上各个方面的知识,掌握如何利用ExtJS 2.0创建高效、美观且功能强大的Web应用。该教程将涵盖基本概念、实例演示、代码解析等,是初学者和进阶者的宝贵资源...
- `Ext.data.ScriptTagProxy.save(store, operation, successCallback, failureCallback)`:保存数据。 #### 三十一、Ext.data.DataReader类(第26页) - **概述**:Ext.data.DataReader类用于解析原始数据并将其...
TreeStore可以通过配置`proxy`来指定数据源,通常使用Ajax或ScriptTagProxy来实现异步加载。以下是一个基本配置示例: ```javascript var treeStore = Ext.create('Ext.data.TreeStore', { proxy: { type: 'ajax'...
Ext3.0中文API是一款非常实用的...通过深入学习和熟练运用这些API,开发者可以构建出高效、响应式的Web应用程序。在实际工作中,结合实际项目需求,参考API文档进行代码编写,能够更好地理解和利用Ext3.0的强大能力。
- `ScriptTagProxy`: 用于动态加载脚本,通常用于JSONP(JSON with Padding)跨域数据请求。 2. **DataReader**: DataReader是解析服务器返回数据的类,将原始数据转换为EXT JS可操作的对象。常见的DataReader类型...
**Ext.data.Connection**的主要作用是在Ext.data.HttpProxy和Ext.data.ScriptTagProxy中执行与后端服务器的数据交换任务。 **Ext.data.Connection**的使用示例如下: ```javascript var conn = new Ext.data....
EXT提供了多种Proxy的实现,包括`MemoryProxy`用于处理客户端内存中的数据,`HttpProxy`用于通过Ajax请求获取服务器端数据,以及`ScriptTagProxy`用于跨域数据请求。HttpProxy通常与`Ext.Ajax`一起使用,处理JSON、...