ExtJS Загрузка дерева списка ссылок с использованием Ajax

Question

У меня есть код ниже, который я пытаюсь получить список дат, используя Ajax и отображать их на странице в виде ссылок на другие места.Таким образом, каждая запись будет ссылкой, которая при нажатии приведет вас в другое место.Хотя этот список не загружает какие-либо элементы ...

Данные

{
  "success": true,
  "data": [
    "2018-10-08T00:00:00",
    "2018-10-05T00:00:00",
    "2018-10-04T00:00:00",
    "2018-10-03T00:00:00",
  ]
}

Код

Ext.define('...', {
    extend: 'Ext.form.Panel',
    xtype: '...',

    requires: [
        '...'
    ],

    layout: 'border',

    items: [{
        xtype: 'container',
        store: {
            proxy: {
                type: 'ajax',
                url: '...',
                useDefaultXhrHeader: true,
                withCredentials: true,
                reader: {
                    type: 'json',
                    rootProperty: 'data'
                },
            }
        }
    }]
});

Answer 1

Вы можете отобразить сетку с вашими данными.Он может отображать кликабельные ссылки.

Для этого вам нужно создать сетку с вашим магазином ajax и средством визуализации сетки, например:

 // Ajax store

Ext.create('Ext.data.Store', {
           storeId: 'mystore',
           autoLoad: true,
           proxy: {
               type   : 'ajax',
               url    : '/file.php',
               actionMethods: {
                   read: 'POST'
               },
               reader : {
                   type: 'json'
               },
               extraParams : {
                   key       : 'val'
               },
               fields  : [
                   {name: 'date',  type: 'string'}
               ]
           }
       })


 // Grid

Ext.create('Ext.grid.Panel', {
            renderTo: Ext.getBody(),
            scrollable: true,
            store: {
                type: 'mystore'
            },
            columns: [
            {
                text: 'link column',
                dataIndex:'link',
                renderer: function(value) {
                        if(value) {
                            // here you can format your output
                            return '<a href="'+value+'">'+value+'</a>';
                        }
                    }

            }
            ]
        })

Пожалуйста, посмотрите весь пример вFiddle