Ext.Store的获取方法

         一直都是这样定义store的:

 

        var store = new Ext.data.JsonStore({    });

        store.load();

        但是最近在改进自己的Ext设计方法的时候(也就是使用Ext的extend来实现继承的设计方法),却遇到了无法获取Store的问题。看下面的代码:

 

        Leangle.form.combo.ColorComboBox = Ext.extend(Leangle.form.BaseComboBox,{
                     id : "combo_color",
                    name:'colorId',
                    hiddenName:'colorId',
                    valueField : "colorId",
                   displayField : "colorName",
                   fieldLabel : "颜色",
                   store:new Ext.data.JsonStore({
                             id:'store_color',
                             url : "whInput!getColorList.action",
                            method : "post",
                            root : "ColorList",
                            fields : ["colorId", "colorName"],
                            autoLoad : true
                  })
});

               我把Store的定义放在了ComboBox里面,给Store赋予了id。于是我是想当然地认为只要使用

                Ext.getCmp('store_color');这个方法就应该可以获取到这个Store。可是我测试了多遍,发现获取到的是一个undefined的对象,也就是说,获取不到,或者说,页面根本就不存在这个对象。

                奇怪,检查了一遍API文档,Componont类明明写着getCmp()方法可以获取到Ext封装的组件。而Store也并Ext认为属于组件部分。那为什么我用getCmp()却获取不到这个对象呢???

                问题来了~其实在很早之前我就有个疑问。Ext设计的控件其实最底层还是封装了<div>和css, 你说外观嘛,有外观的控件当然可以用div和css来显示,但是store可不是一个有外观的控件,它没有表现形式,只是一个普通的用来存储数据的对象而 已。如果是以div的形式保存在页面的话,那么数据在哪里?而且一个div也不可能保存store中的数据吧?这样会非常危险的。因为查看源码就会暴露 store中的数据,这对于数据权限控制是不利的。那store究竟在哪里呢?在内存中?

                深入一步。从getCmp()的源码中可以理解到。getCmp()其实就是获取这个页面上的某个div。按照这样想下去就有点吻合了。Store如果不 是保存在页面的话,那么就肯定是保存在内存中(而这也符合对数据的保护)。另一方,Store如果不是保存在页面的话,那么getCmp()当然也就不能 获取到它了。

              再深入一步,查看Store的API,发现一个很奇怪的问题,Store并没有id,取而代之的是storeId这样的一个属性。对于这个storeId的描述是:

 

 

If passed, the id to use to register with the StoreMgr .

Note: if a (deprecated) id is specified it will supersede the storeId assignment.

              大概意思是说:如果store成功初始化了,它的id将会被注册到一个叫StoreMgr(StoreManager的简写)的对象中。注意:如果id被指明的话,将会取代storeId。

             store会被注册到一个叫StoreMgr的对象中?那我们就看看这个对象是何方神圣!!!

             StoreMgr: Class Ext.StoreMgr

                                 The default global group of stores。//默认的全局Store组

                                 This class is a singleton and cannot be created directly。这个类是唯一的,不能直接创建。

             估计看到这里,大家都明白了,这个StoreMgr对象就是用来管理Store的。也就是说,这个对 象在Ext初始化之后,就存在了,采用单例模式,并负责store的存储和管理工作。这个对象估计就是存储在内存中的。我们声明的Store被保存到这里 来了,所以页面也就找不到了。

              综上所述,Store可以用以下方法获取到:

             Ext.getCmp('combo_color').store;//通过引用这个store的控件来获取这个store

             Ext.StoreMgr.get('store_color');  //通过这个全局store管理器来获取

             问题解决。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值