EXTJS4自学手册——EXT数据结构组件（store）

一、简单的store

说明：store是一个数据容器，是model的集合，数据存放在store中。

例子：

<script type="text/javascript">
    <!--在页面加载完成后调用JS代码-->
    Ext.onReady(function(){
        //定义一个model
        Ext.define('MyInformations',{
            extend:'Ext.data.Model',
            //包含两个字段
            fields:['age','name']
        });
        //创建一个store
        var store = Ext.create('Ext.data.Store',{
            //数据结构
            model:'MyInformations',
            //数据内容
            data:[{age:23,name:'aaa'},{age:26,name:'BBB'}]
        });        
    });
</script>

执行结果：

二、通过proxy交互数据

说明：proxy可以写在model中，也可以写在store中，如果在model和store中都声明了proxy，store会覆盖model中的proxy

例子：

<script type="text/javascript">
    <!--在页面加载完成后调用JS代码-->
    Ext.onReady(function(){
        var data = {datas:[{age:23,name:'aaa'},{age:53,name:'bbb'}]}
        //定义一个model
        Ext.define('MyInformations',{
            extend:'Ext.data.Model',
            //包含两个字段
            fields:['age','name'],
            //从后台获取数据
            proxy:{
                type:'ajax',
                url:'ext-4.0.7-gpl/ext-4.0.7-gpl/data.js'
            }
        });
        //创建一个store
        var store = Ext.create('Ext.data.Store',{
            //数据结构
            model:'MyInformations',
            data:data,
            //从本地上下文中获取数据
            proxy:{
                type:'memory',
                reader:{
                    type:'json',
                    root:'datas'
                }
            }
        });        
    });
</script>

执行结果：