Question

我正在学习secha touch，我想创建一个页面，在用户输入登录凭据后，将收到JSON响应，如下所示

  {"items":[{"id":"78e221c8-bbc1-4754-8471-48c863886869","createTime":"2014-05-22T14:57:39.039Z","createUser":"Jon","status":"SAVED","changeTime":"2014-05-22T14:57:39.039Z","changeUser":"Jon","projectId":"63886869-bbc1-4754-8471-48c878e221c8","reportVersionNumber":"1","reportVersionName":"First Version","reportName":"FooBarBaz","reportHash":"qiyh4XPJGsOZ2MEAyLkfWqeQ"}],"totalItems":1

}

目前我已创建了一个页面，其中我使用了一个listItem并在Simple数组中显示其中的项目，其中数据已经被赋予了编码并使用itemTPL来获取它像这样<div class="arHeadline">{projectId}

我目前的商店是

 data: [
                {
                    Headline: 'Panel',
                    Author: 'Sencha',
                    Content: 'Panels are most useful as Overlays - containers that float over your appl..'
            }

但我想从json获取数据，所以我创建了一个JSON商店

Ext.define('MobileChecklist.store.MyJsonPStore', {
    extend: 'Ext.data.Store',

    requires: [
        'MobileChecklist.model.MyModel',
        'Ext.data.proxy.JsonP',
        'Ext.data.reader.Json',
        'Ext.data.Field'
    ],

    config: {
        autoLoad: true,
        data: [
            {
                items: [
                    {
                        id: '78e221c8-bbc1-4754-8471-48c863886869',
                        createTime: '2014-05-22T14:57:39.039Z',
                        createUser: 'Jon',
                        status: 'SAVED',
                        changeTime: '2014-05-22T14:57:39.039Z',
                        changeUser: 'Jon',
                        projectId: '63886869-bbc1-4754-8471-48c878e221c8',
                        reportVersionNumber: '1',
                        reportVersionName: 'First Version',
                        reportName: 'FooBarBaz',
                        reportHash: 'qiyh4XPJGsOZ2MEAyLkfWqeQ'
                    }
                ],
                totalItems: 1
            }
        ],
        model: 'MobileChecklist.model.MyModel',
        storeId: 'MyJsonPStore',
        proxy: {
            type: 'jsonp',
            url: 'data/getPort.json',
            reader: {
                type: 'json',
                idProperty: 'id',
                rootProperty: 'items',
                totalProperty: 'totalItems',
                record: 'items'
            }
        },
        fields: [
            {
                name: 'reportName'
            },
            {
                name: 'projectId'
            }
        ]
    }
});

我的模特是

Ext.define('MobileChecklist.model.MyModel', {
    extend: 'Ext.data.Model',

    requires: [
        'Ext.data.Field'
    ],

    config: {
        fields: [
            {
                mapping: 'items.reportName',
                name: 'reportName',
                type: 'string'
            },
            {
                mapping: 'items.projectId',
                name: 'projectId',
                type: 'string'
            }
        ]
    }
});

我想解码json响应并将其显示在ListItem中，就像我对字符串数组所做的那样我该怎么办呢，请帮忙

编辑：如果我从我的json响应中删除项目并使其像数组而不是对象，它将工作并将其显示在列表视图中

[{"id":"78e221c8-bbc1-4754-8471-48c863886869","createTime":"2014-05-22T14:57:39.039Z","createUser":"Jon","status":"SAVED","changeTime":"2014-05-22T14:57:39.039Z","changeUser":"Jon","projectId":"63886869-bbc1-4754-8471-48c878e221c8","reportVersionNumber":"1","reportVersionName":"First Version","reportName":"FooBarBaz","reportHash":"qiyh4XPJGsOZ2MEAyLkfWqeQ"}],"totalItems":1}]

Answer 1

在控制器中使用data.items设置商店数据，如下所示： -

       Ext.Ajax.request({
            url: someurl,
            params: {
                format: "json"
            },
            success: function(response) {
               Ext.getStore("MyJsonPStore").setData(response.items);
            },
            failure: function(err) {
               console.log("Error", err);
            }
        });

这是使用json数据的方法。

找到您的问题，将商店代理更改为： -

 proxy: {
            type: 'rest',  //change it
            url: 'data/getPort.json',
            reader: {
                type: 'json',
                idProperty: 'id',
                rootProperty: 'items',
                totalProperty: 'totalItems'
            }
        }

无需映射数据。

Answer 2

我之前从未使用过secha触控框架，但JSON Parsing非常简单。如果您已将JSON发送到您的设备，请尝试以下操作：

http://developer.android.com/reference/android/util/JsonReader.html

然后为ListView

创建一个适配器

listView中的JSON响应

2 个答案: