ExtJS之Store

据目前所知：Store至少分为两类，一个是SimpleStore，另一个是JsonStore。

1，用在gridPanel中常使用SimpleStore

Js代码

var store_stat = new Ext.data.SimpleStore({
fields:[
{name:'date',mapping:'date'}
,{name:'model',mapping:'model'}
,{name:'per',mapping:'per'}
]
});

2，填充表单中的下拉菜单（combo），常用JsonStore。
（1）简单JsonStore

Js代码

var data=[{'id':1,'name':'小王','sex':'男'},
{'id':2,'name':'小李','sex':'男'},
{'id':3,'name':'小兰','sex':'女'},
];
var store = new Ext.data.JsonStore({
data:data,
fields:['id','name','sex']
});

批注：当时静态数据时，fields可以是['id','name','sex']，
如果是通过url动态获取数据是，必须是fields:[{name:'id'},{name:'suit'},{name:'type'}]

（2）通过url获取数据
例如，

Js代码

var store_modellist2 = new Ext.data.JsonStore({
fields:['model'],
url:'api/fail.php',
root:'data',
baseParams:{action:'get_all_models'}
});
store_modellist2.load();
var combo_model2 = new Ext.form.ComboBox({
width:100,
editable:false,
triggerAction:'all',
allowBlank:false,
store:store_modellist2,
displayField:'model',
value:"\u8BF7\u9009\u62E9\u673A\u578B",
allQuery:"", //开启此项后，选择机型时将不再在此获取机型数据
listeners:{
'select' : function(obj, data, index){
var modelName = obj.getValue();
if(modelName !== "\u8BF7\u9009\u62E9\u673A\u578B"){
refresh_fail_chart(modelName);
}
}
}
//,mode:'local'
});

注：先后顺序不能颠倒。先JsonStore，后ComboBox。

（3）高级用法对比

Js代码

//用法一
var jsonStore = new Ext.data.JsonStore({
url: 'api/fail_parts_bydepart.php',
listeners:{
'loadexception' : function(e){
alert(e.toString());
}
},
fields: [
{name: 'name'},
{name: 'flash'},
{name: 'percent'}
]
});
jsonStore.load({
params:{
'level' : level,
'department' : paras.department,
'product': paras.product,
'target': is_one,
'suit':paras.suit,
'model':paras.model,
'part':paras.part,
'dateStr':dateStr
}
});
//用法二
var store = {
'department' : new Ext.data.JsonStore({
url: 'api/list_k.php?action=department',
fields: ['name']}),
'product' : new Ext.data.JsonStore({
url: 'api/list_k.php?action=product',
fields: ['name']})
};
store.product.baseParams = {'department' : encodeURIComponent(data.data.name)};
store.product.load();
detailStore.on('beforeload', function() {
detailStore.baseParams = {
};
});

JS中encodeURIComponent函数用php解码
在JS中使用了encodeURIComponent对中文进行编码在PHP中使用iconv('UTF-8','gb2312',$q);就可以得到你需要的字串了

ExtJS之Store相关推荐

ExtJs中Store简介(秘籍)
ExtJs中Store简介(秘籍) 1.什么store? Store类似于一个本地仓库(即数据存储器),包括有 ArrayStore,DirectStore,GroupingStore,JsonSto ...
对Extjs中store的多种操作
先来个声明,看着不错,贴过来的,没都测试过. Store.getCount()返回的是store中的所有数据记录,然后使用for循环遍历整个store,从而得到每条记录. 除了使用getCount() ...
extjs中Store和grid的刷新问题
问题1:Store.load() 和Store.setproxy()区别问题2:修改后的Grid 更新: Store.reload() 问题3,store删除后刷新会出问题 Store移除一行:St ...
extjs中元数据_json – 如何配置ExtJS 4 Store(代理和阅读器)来读取元数据
我的问题是除了totalRecords之外如何获取元数据,在我的例子中它是版本,代码,searchquery(请查看json). { "result": { "versi ...
extjs中store的reload事件异步问题解决
转载自:http://blog.sina.com.cn/s/blog_8f8b7fc10100zd75.html store0.reload({params:{start:0, limit:10}}) ...
extjs中store获取后台数据_Excel实战技巧64：从工作簿中获取数据（不使用VBA）
学习Excel技术,关注微信公众号: excelperfect 这是在研读<Escape From Excel Hell>时学到的技术,从本工作簿中或者其他工作簿中获取所需要的数据,以便于 ...
extjs中元数据_Extjs中Store小总结
http://blog.csdn.net/without0815/article/details/7798170 1.什么是store? Store类似于一个本地仓库(即数据存储器),包括有 Arra ...
ExtJS 等待两个/多个store加载完再执行操作
Extjs加载Store是异步加载的,这有很多好处.但是当我们要在两个或多个不同的store加载完再执行一些操作时,异步加载就成了一个问题.在Stack Overflow 等网站搜集并试用了几个处理方 ...
Extjs的数据读取器store和后台返回类型简单解析
工作中用到了Extjs,从后台获取数据的时候,用到了extjs自己的Ext.data.store方法,然后封装了ExtGridReturn方法, 目的:前台用到Ext.data.store读取从后台传 ...

ExtJS之Store

ExtJS之Store相关推荐

最新文章

热门文章