如何在extjs中分配代理请求将结果存储到Tree？

Question

我是extjs的新手，我正在尝试使用API​​请求构建树。

以下是我尝试但不起作用的内容。

Ext.define('LevelModel', {
extend: 'Ext.data.Model',
fields: [
        {name: 'text', type: 'string'}
    ]
});


var store = Ext.create('Ext.data.TreeStore', {
    model: 'LevelModel',
    proxy: {
        type: 'ajax',
        url: 'API CALL',
        method:'GET',
        reader: {
            type : 'json',
            root : 'data',
            totalProperty : 'total',
            successProperty: 'success'
        },
        root: {
            type: 'async'
        },
        autoLoad: false
    } 
});


var tree = Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: "30%",
    height: "100%",
    store: store,
    rootVisible: false,
    useArrows: true
});

这是我对API

的回应

{
    "data": [
        "AbsaInfrastructure",
        "Macro",
        "Africa",
        "IBD"
    ],
    "total": 4,
    "success": true,
    "serverMessage": null
}

数据结果应该是树节点。

请帮我解决一下。提前谢谢。