Extjs4.2 grid datastore读取xml和json

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

fanqielian2013

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

阅读量940

点赞数

CC 4.0 BY-SA版权

文章标签： extjs4 datastore xml json

本文链接：https://blog.youkuaiyun.com/u012671928/article/details/17068469

本文介绍了使用ExtJS框架读取XML和JSON数据的方法。包括从文件读取XML、从后台获取XML字符串以及读取JSON数据的具体实现。通过示例展示了如何配置Store和Proxy来完成数据加载。

摘要生成于 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}]}