Как связать JSON для сетки Extjs

Question

У меня есть простые данные в mysql и я хочу заполнить эти данные в сетке ExtJS

Мой код

Ext.onReady(function() {

    var proxy = new Ext.data.HttpProxy({
        url: 'connectextjs.php'
    });

    var reader = new Ext.data.JsonReader([{
        name: 'Employee_ID',
        mapping: 'Employee_ID'
    }, {
        name: 'Department_ID'
    }, {
        name: 'Name'
    }, {
        name: 'Email'
    }])

    var store = new Ext.data.Store({
        proxy: proxy,
        reader: reader
    });

    store.load();


    // create the grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [{
            header: "Employee_ID",
            width: 90,
            dataIndex: 'Employee_ID',
            sortable: true
        }, {
            header: "Department_ID",
            width: 90,
            dataIndex: 'Department_ID',
            sortable: true
        }, {
            header: "Name",
            width: 90,
            dataIndex: 'Name',
            sortable: true
        }, {
            header: "Email",
            width: 200,
            dataIndex: 'Email',
            sortable: true
        }],
        renderTo: 'example-grid',
        width: 540,
        height: 200
    });

});

Моя проблема заключается вне загружать данные в сетку.Пожалуйста, помогите мне, я новичок в ExtJS.

Answer 1

Вы можете установить данные сетки с помощью этого метода.

1. Сначала назначьте идентификатор вашей сетке, например:

   itemId : 'myGrid';
   

2. Загрузите JSON из вашего вызова JSON, например:

   Ext.Ajax.request({
   url : 'connectextjs.php',
   
   params : {
   
   yourParam : 'yourParameters'
   
   },
   
   // --> success simply means your action has no errors
   
   success : function (conn, response, options, eOpts){
   
     var jsonResults = Ext.JSON.decode(conn.responseText);
   
   
     // --> Now that you have your JsonResults Its time to set it to your grid
     me.getView().down('#myGrid').setStore(jsonResults);
   
   }
   
   });
   

Answer 2

connectctextjs.php должен возвращать данные в формате json с Employee_ID, Deaprtment_ID, Name и Email init.Конвенция о Namming должна строго соблюдаться.