`

jsonStore加载远程和本地数据实例

阅读更多
以前一直是用jsonstore加载远程数据,最近要做combox加载webservice返回的本地数据,进了误区弄了好久,不过把store研究了下,自己做个记录方便以后使用,也给遇到同样问题的同学做个参考
1.1:jsonstore加载远程数据:
var dictComboBox = new Ext.form.ComboBox({
fieldLabel:'证件类型',
id:'idNoType',
name:'dictType',
readOnly:false,
triggerAction:'all',
editable:false,
anchor:'90%',
emptyText:'请选择...',
store:new Ext.data.JsonStore({
url:this.basePath+'BasePackage/common_getSystemDictionaryItem?item_id=20003',
fields:["dictValue","dictValueDesc"],
root:'field1'       
}),
valueField:'dictValue',
displayField:'dictValueDesc'
});
远程返回数据格式:json
{"field1":[{"dictValue":"","dictValueDesc",""},{"dictValue":"","dictValueDesc",""}]}
最好加上editable:false,否则可以自己输入,导致传的数据格式出问题

1.2:jsonstore加载本地数据
var cardComboBox = new Ext.form.ComboBox({
fieldLabel:'卡号',
id:'oldCard',
name:'dictType',
readOnly:false,
triggerAction:'all',
editable:false,
anchor:'90%',
mode:'local',
emptyText:'请选择...',
store:cardStore,
displayField:'card_no'
});
var cardStore = new Ext.data.JsonStore({
fields:['card_no'],
root:'field1'
});
Ext.Ajax.request({url:...,
params:{requesttype:"ajax"},
jsonData:jsonString,
callback:function (options, success, response) {
if (success) {
var jsonObj = Ext.util.JSON.decode(response.responseText);
if (jsonObj.result) {
var retField1 = jsonObj.field1;
if(retField1.length == 0){
...
return;
}else{
cardStore.loadData(jsonObj);
}
} else {
    ...
}
} else {
...
}
}});
ajax返回的json数据格式:
{"result":true,"field1":[{"card_no":""},{"card_no":""}]}
之前没怎么看过combobox,combobox默认的读取数据方式是远程读取,需要设url或proxy,没设会一直包proxy对象为空,mode:'local'将combobox设置为读取本地数据。

1
2
分享到:
评论

相关推荐

    ExtDesigner中用jsonstore给girdpanel绑定数据

    标题中的"ExtDesigner中用jsonstore给girdpanel绑定数据"是指在Ext Designer这款可视化设计工具中,通过JsonStore来为GridPanel加载和显示JSON格式的数据。ExtDesigner是Sencha提供的一款用于创建ExtJS应用的图形化...

    Ext 根据数据库返回json动态生成grid列表实例

    在"Ext 根据数据库返回json动态生成grid列表实例"中,我们学习了如何使用ExtJS创建一个动态的Grid,它的列和数据都依赖于服务器返回的JSON数据。这个过程包括了Grid的基本配置、数据存储的设定以及如何处理和解析...

    Go-JSONStore简单线程安全的内存JSON密钥存储支持后端持久化

    例如,`Set(key string, value interface{})`用于设置键值对,`Get(key string) (interface{}, error)`用于获取键对应的值,`Delete(key string)`用于删除键值对,以及`Load()`和`Save()`用于数据的加载和保存。...

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    在ExtJs框架中,JsonStore是一种非常重要的数据存储器,它专门用来处理和展示JSON格式的数据。本资料主要讲解如何使用JsonStore来加载并显示数据,以创建一个简单的个人信息表格。 首先,为了使用ExtJs框架,我们...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    而JsonStore的配置则用于设定数据加载的相关参数。整个流程如下: 1. 创建一个Ext.data.Connection实例`conn`,配置请求参数。 2. 调用`conn.request()`发送请求,设置成功和失败的回调函数。 3. 创建JsonStore实例...

    Python库 | jsonstore-1.1.4-py2.7.egg

    `jsonstore`库是一个轻量级的数据存储解决方案,它主要的功能是将数据以JSON格式存储和读取,方便进行数据持久化操作。 一、Python库与`py2.7.egg`格式 Python库是一系列预编译的模块,提供了特定功能,便于开发者...

    extjs实例~~~

    它可以连接到各种数据源,如XML、JSON、CSV等,并提供数据加载、更新、排序和过滤的功能。`Ext.data.Store 读取XML属性值.txt`可能介绍了如何从XML文件中提取数据并填充到Store中,以便在GridPanel或其他组件中使用...

    ext grid网格控件实例

    在本实例中,我们将探讨四种不同的数据源加载方式:Array、XML、JSON以及动态从服务器获取数据,并且所有实例都包含了分页功能。 1. **Array数据源**:EXT Grid可以轻松地从数组中加载数据。这种方式适用于数据量较...

    PyPI 官网下载 | jsonstore-1.2.tar.gz

    对于开发人员来说,了解如何有效地使用像jsonstore这样的库,可以帮助他们快速构建和扩展应用程序,特别是在处理JSON数据存储和检索时。同时,熟悉PyPI的使用也是Python开发者的必备技能,因为这里包含了数以万计的...

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

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

    Ext开发过程中的自学笔记

    - 创建一个JsonStore实例,定义相同的URL和数据结构。 - 创建多个Combobox实例,将共享的store赋值给它们。 - 在加载数据时,通过传递不同的参数(如`{type: "sex"}`或`{type: "city"}`)区分请求,使后台返回...

    PyPI 官网下载 | jsonstore-1.1.4.tar.gz

    这暗示`jsonstore`可能是一个与Apache ZooKeeper相关的Python库,用于在分布式环境中存储和管理数据。"云原生"(Cloud Native)指的是设计和构建应用程序的方式,使其能在云计算环境中高效运行,强调容器化、微服务...

    extjs和servlet数据交互的例子

    在提供的 `myserlvet.js` 文件中,我们创建了一个 `JsonStore` 对象,它是ExtJS中用来存储和管理JSON数据的类。`JsonStore` 配置了 `url` 属性,指定了Servlet的地址,这样它就能向服务器发起请求获取数据。同时,`...

    jsonstore:将Django JSONField数据公开为虚拟模型字段

    Django JSONStore 将Django JSONField数据公开为虚拟模型字段照常使用ModelForm和ModelAdmin。 执行简单的查询。 需要时可以迁移到实际表列,而无需更改代码。 适用于存储愚蠢的业务数据,无需数据库迁移的快速原型...

    DWR Ext 加载数据

    在Ext JS应用中,直接使用Direct Web Remoting (DWR)技术可以实现实时的数据交互,使得...这种直接使用DWR加载数据的方式简化了前后端交互的过程,提高了应用程序的响应速度,使得用户可以实时地查看和操作后台数据。

    Extjs4使用要点个人整理

    6. **JSONStore加载Web服务返回的JSON数据**:`Ext4 JSONStore加载webservice返回的json数据.docx`将讲述如何使用JSONStore来从服务器获取并显示数据。JSONStore是ExtJS用于处理JSON格式数据的存储类,它可以与Ajax...

    jsonstoreio为小型项目提供免费安全且基于JSON的云数据存储

    jsonstore.io为小型项目提供免费,安全且基于JSON的云数据存储。 只需输入https://www.jsonstore.io/,复制URL并开始发送HTTP请求与您的数据存储进行通信。 POST请求将保存数据,PUT请求修改数据,DELETE请求删除...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    Ext面向对象开发实践代码第1/2页

    首先,`PersonListGridPanel` 类是基于 `Ext.grid.GridPanel` 扩展的,它添加了两个窗口实例变量 `insertWin` 和 `updateWin`,分别用于处理新增和编辑数据的操作。`constructor` 方法中,这两个窗口实例被创建并...

    基于dojo的动态树

    1. **数据绑定**:Dojo Tree可以通过`dojo/store`模块与数据源进行绑定,数据源可以是内存中的数据结构,也可以是远程服务器上的API。 2. **异步加载**:使用`dijit/Tree`的`getChildren`方法异步获取子节点,提高...

Global site tag (gtag.js) - Google Analytics