Заполнение формы EXTJS 4 с чтением JSON

load() функция асинхронная. Так что вы правильно сделали - создали обработчик события load и вложили туда логику. Однако вы сделали пару ошибок:

1. В обработчике загрузки у вас будут некоторые параметры функции. Первый параметр будет храниться, поэтому вам не нужно использовать глобальную переменную.

2. Вам не нужно иметь this.testForm.getForm().loadRecord(app.formStore); - потому что это недопустимая команда, и в этот момент вы не знаете, загружен ли ваш магазин на самом деле или нет. Убери это. У вас уже есть loadRecords в обработчике хранилища.

3. Отрисовка формы и автоматическая загрузка магазина — это два разных события, и вы не можете контролировать их время. Поэтому я бы рекомендовал отключить autoLoad для магазина и вручную вызвать store.load() после того, как вы узнаете, что форма готова.

var form = Ext.getCmp('formJobSummary');console.log(form), вероятно, вернет undefined. Присвойте имя форме и все готово. Или еще лучше...

// Ext.require([
// 'Ext.form.*'
//'Ext.layout.container.Column',
//'Ext.tab.Panel'
//'*'
// ]); // you dont need ext.require for ext integrated stuff

Ext.onReady(function () {
    Ext.QuickTips.init();

    //var bd = Ext.getBody(); 

    /*
     * ================  Simple form  =======================
     */
    //bd.createChild({
    //  tag: 'h2',
    //  html: 'Form 1 - Very Simple'
    //}); // over written by the form anyway

    // var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'; // never used

    Ext.define('app.formStore', {
        extend: 'Ext.data.Model',
        fields: [{
            name: 'countryid'
        }, {
            name: 'countrycode'
        }, {
            name: 'countryname'
        }]
    });



    var testForm = Ext.create('Ext.form.Panel', {
        width: 500,
        renderTo: Ext.getBody(),
        name:'formJobSummary', //why your orignal bit wasn't working
        title: 'Country Form',
        waitMsgTarget: true,
        fieldDefaults: {
            labelAlign: 'right',
            labelWidth: 85,
            msgTarget: 'side'
        },
        items: [{
            xtype: 'fieldset',
            items: [{
                xtype: 'textfield',
                fieldLabel: 'ID',
                name: 'countryid'
            }, {
                xtype: 'textfield',
                fieldLabel: 'CODE',
                name: 'countrycode'
            }, {
                xtype: 'textfield',
                fieldLabel: 'COUNTRY',
                name: 'countryname'
            }]
        }]

    });

    var myStore = Ext.create('Ext.data.Store', {
        model: 'app.formStore',
        proxy: {
            type: 'ajax',
            url: 'http://localhost/milestone_1/web/app_dev.php/md/country/show/1',
            reader: {
                type: 'json'
            }
        },
        autoLoad: true,
        listeners: {
            load: function (store,record,e) {
                testForm.loadRecord(store.first());
            }
        }
    });


});

несколько вещей, чтобы попробовать:

1) если вы ищете файл ur на локальном хосте, не помещайте localhost на URL-адрес, только напишите

URL: '/milestone_1/web/app_dev.php/md/country/show/1'

что делает ваш php-файл? не могли бы вы опубликовать код?

3) разместить конфигурацию прокси на модели, а не в магазине.

4) вы пытались проверить, читал ли магазин записи при загрузке? с console.log?