ExtJS数据模型

来源:互联网 发布:ipad登陆淘宝卖家在哪 编辑:程序博客网 时间:2024/06/05 18:07

ExtJS的数据模型主要包括如下几个部分

1.数据记录:Record

数据集合中的一个记录,它存放了数据的定义信息和它们的值

2.数据代理:Proxy

获取数据的代理,是ExtJS数据模型获取数据的主要途径

3.数据解析器:DataReader

数据解析器,负责将代理Proxy读取的数据转换成Record对象并存入Store中

4.数据集:Store

一个保存数据记录(Record)的集合,它相当于在客户端存放数据的一张数据表,对其中的数据的更改会触发特定的事件。

 

 

ExtJS提供的标准数据代理实现类主要是3种:HTTP数据代理(Ext.data.HttpProxy)、内存数据代理(Ext.data.MemoryProxy)、脚本代理(Ext.data.ScripTagProxy)。这些数据代理可以满足常见需求,但是对于DWR这类Ajax框架并没有提供可用的数据代理实现类,这时可以从Ext.data.DataProxy进行扩展,实现自己的DWR数据代理类。下面是一个DWR数据代理的示例程序。

 

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

<script type="text/javascript">
    Ext.onReady(funciton(){
    var dwrProxy = new Ext.data.DWRProxy({    //创建dwrProxy代理
       
            dwrMethon : service.getPersonList        //设置要通过DWR调用的远程java方法
    })
   
    var jsonReader = new Ext.data.JsonReaser();    //创建JsonReader数据解析器,传入元数据对象
    dwrProxy.load(null, jsonReader, callBack);
    function callBack(result){
            var records = result.records;
            var rec = record[0];    //获取第一条记录
            var totalRecords = result.totalRecords;
            alert('dwrProxy 示例' + '/n' +
                            '总记录数:' + 'totalRecords' + '/n' +
                            'personId = ' + rec.get('id') + '/n' +
                            'personName = ' + rec.get('personName') + '/n';
            );
    }
});
</script>