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>

执行结果：