`
- 浏览:
16382 次
- 性别:
- 来自:
上海
-
以前一直是用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设置为读取本地数据。
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
Ext 根据数据库返回json动态生成grid列表实例 完整代码
JSONStore:简单线程安全的内存JSON密钥存储支持后端持久化
ExtJs学习资料28-Ext.data.JsonStore数据存储器
NULL 博文链接:https://mr-cheney.iteye.com/blog/1172183
Django JSONStore 将Django JSONField数据公开为虚拟模型字段照常使用ModelForm和ModelAdmin。 执行简单的查询。 需要时可以迁移到实际表列,而无需更改代码。 适用于存储愚蠢的业务数据,无需数据库迁移的快速原型...
jsonstore.io为小型项目提供免费,安全且基于JSON的云数据存储。 只需输入https://www.jsonstore.io/,复制URL并开始发送HTTP请求与您的数据存储进行通信。 POST请求将保存数据,PUT请求修改数据,DELETE请求删除...
开源项目-schollz-jsonstore.zip,Library for simple thread-safe in-memory JSON key-store with persistent backend
资源来自pypi官网。 资源全名:jsonstore-1.1.4.tar.gz
资源来自pypi官网。 资源全名:jsonstore-1.2.tar.gz
python库,解压后可用。 资源全名:jsonstore-1.1.4-py2.7.egg
资源来自pypi官网。 资源全名:jsonstore-1.1.4-py2.7.egg
extjs4 对多种store数据 ,以多种方式绑定到界面上,以一例子以说明编写
JsonStore是文档的轻量级抽象层,可以应用于您的类顶部。 它主要针对关系数据库,但可以扩展到任何解决方案技术。 当与JsonStore.Sql扩展包一起使用时,它也可以作为微型Orm。 入门 添加NuGet参考 PM > Install-...
conn.request({ success: function(response) { Ext.Msg.alert('info', response.responseText);...var ds = Ext.data.JsonStore({ url: 'xxx.jsp', root: 'root', fields: ['id','name','descn'] });
简单的快速中间件,用于从 API 获取请求中获取数据并将其存储在项目中的文件中。 该节点模块还允许您以JSON格式访问数据。 目前的方法: getJSON 店铺 按字段存储 在节点中使用: var express = require ( ...
var jsonStore = "";// 用户存放数据 var head = "";// 用户存放表头 var flag = true;// 标记 ,为第一次循环时加载head(只需加载一次) var cfg = null; var ds = grid.getStore(); var cm = grid....
如何本地化ext的教程 xtype的含义 扩展Ext中的组件 扩展与插件之间的区别 扩展Ext的新手教程 Ext的类继承 从源码生成Ext 基础用法: DomQuery基础 Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI...
表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为如下几种: JsonStore,SimpleStore,GroupingStore… 一个表格的基本编写过程: 1、创建表格列模型 var cm = new Ext.grid....
它对文档使用类似于NoSQL的查询系统,并且旨在使用非常低的内存占用空间(也就是不将所有文档都加载到内存中进行处理)。 注意:有一个ronolo / json-database包,它使用json-store并通过文档关系(外键)和查询...
表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义)、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。 下面