Extjs4.2 grid datastore读取xml和json

最新推荐文章于 2023-06-17 22:33:57 发布

tongchen1231

最新推荐文章于 2023-06-17 22:33:57 发布

阅读量709

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/tongchen1231/article/details/18563239

本文介绍如何使用ExtJS框架从XML和JSON源加载数据到数据存储(store)中。详细展示了创建Store实例并配置代理(proxy)来读取XML和JSON格式的数据，包括排序参数及字段定义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 读取xml文件

var store = Ext.create('Ext.data.Store', {          
        proxy: {  
            type: 'ajax',  
            url: 'js/xmlfile/messages.xml',//项目中的路径  
            reader: {  
                type: 'xml',  
                record: 'Folder'  
            }  
        },  
        sorters: ["Read"],        //以这个作为排序      
        params : {  
            Status: 'all'  
        },  
        fields: [               
  
             {name: 'URI'},  
             {name: 'DisplayName'},  
             {name: 'MessageCount'}  
  
        ]          
    });          
      
    store.load({params: {Status: 'all'}});

2. 后台读取xml字符串（非xml对象）。

var store = Ext.create('Ext.data.Store', {          
        proxy: {  
            type: 'ajax',  
            url: '...',  
            reader: {  
                type: 'xml',  
                record: 'Folder'  
            }  
        },  
        sorters: ["Read"],        //以这个作为排序      
        params : {  
            Status: 'all'  
        },  
        fields: [  
             {name: 'URI'},  
             {name: 'DisplayName'},  
             {name: 'MessageCount'}  
        ]          
    });          
      
    store.load({params: {Status: 'all'}});

附上xml，可存成文件，可当作字符串返回给前台。

    <Folders>  
        <Folder>  
            <URI>/vmrest/mailbox/folders/inbox</URI>  
            <DisplayName>Inbox</DisplayName>  
            <MessageCount>3</MessageCount>  
        </Folder>  
        <Folder>  
            <URI>/vmrest/mailbox/folders/deleted</URI>  
            <DisplayName>Deleted</DisplayName>  
            <MessageCount>0</MessageCount>  
        </Folder>  
        <Folder>  
            <URI>/vmrest/mailbox/folders/sent</URI>  
            <DisplayName>Sent</DisplayName>  
            <MessageCount>0</MessageCount>  
        </Folder>  
    </Folders>

3. 读取json

    var store = Ext.create('Ext.data.Store', {          
            proxy: {  
                type: 'ajax',  
                url: '...',  
                reader: {  
                    root: 'rows'  
                }  
            },          
            fields: [               
      
                 {name: 'URI'},  
                 {name: 'DisplayName'},  
                 {name: 'MessageCount'}  
      
      
            ]          
        });

json字符串格式：

{rows:[{URI: 'aaa',DisplayName: 'bbb', MessageCount: 1},
       {URI: 'ccc',DisplayName: 'ddd',MessageCount: 2}]}