Populate modx-formpanel Ajaxily

Players.panel.View = function(config) {
    config = config || {};
    Ext.apply(config,{
        border: false
        ,baseCls: 'modx-formpanel'
        ,url: Players.config.connectorUrl
        ,baseParams: { action: 'mgr/player/get' }
        ,items: [{
            html: '<h2>'+_('players.view.title')+'</h2>'
            ,border: false
            ,cls: 'modx-page-header'
        },{
            xtype: 'modx-tabs'
            ,bodyStyle: 'padding: 10px'
            ,defaults: { border: false ,autoHeight: true }
            ,border: true
            ,items: [{
                title: _('players.view.tab-header')
                ,defaults: { autoHeight: true }
                ,items: [{
                    html: '<p>'+_('players.view.panel-desc')+'</p><br />'
                    ,border: false
                } ,{
                    xtype: 'compositefield',
                    labelWidth: 120,
                    items: [{
                                xtype     : 'displayfield',
                                value: 'First Name:',
                                width     : 120
                            },
                            {
                                xtype     : 'displayfield',
                                value: 'Yehia A.Salam'
                            }
                    ]
                }]
            }]
        }]
    });
    Players.panel.View.superclass.constructor.call(this,config);
};
Ext.extend(Players.panel.View,MODx.Panel);
Ext.reg('players-panel-view',Players.panel.View);

Players.panel.View = function(config) {
    config = config || {};
    Ext.apply(config,{
        id: 'players-panel-view'
        ,border: false
        ,baseCls: 'modx-formpanel'
        ,url: Players.config.connectorUrl
        ,baseParams: { action: 'mgr/player/get' }
        ,fields: [{
            xtype: 'textfield'
            ,fieldLabel: _('players.first_name')
            ,name: 'first_name'
            ,width: 300
        }]
        ,items: [{
            html: '<h2>'+_('players.view.title')+'</h2>'
            ,border: false
            ,cls: 'modx-page-header'
        },{
            xtype: 'modx-tabs'
            ,bodyStyle: 'padding: 10px'
            ,defaults: { border: false ,autoHeight: true }
            ,border: true
            ,items: [{
                title: _('players.view.tab-header')
                ,defaults: { autoHeight: true }
                ,items: [{
                    html: '<p>'+_('players.view.panel-desc')+'</p><br />'
                    ,border: false
                } ,{
                    xtype: 'compositefield',
                    labelWidth: 120,
                    items: [{   
                                xtype     : 'displayfield',
                                value: 'First Name:',
                                width     : 120
                            },
                            {   name: 'lblFirstName',
                                xtype     : 'displayfield',
                                value: ''
                            }
                    ]
                }]
            }]
        }]
        ,listeners: {
            render: function(p) {

                MODx.Ajax.request({
                                url: Players.config.connectorUrl 
                                ,params: {
                                    action: 'mgr/player/get',
                                    id: '14' 
                                },listeners: {
                                    'success': {fn:function(r) {
                                        alert(r.results);
                                        //p.getForm().setValues({ 'lblFirstName': r.results.first_name});
                                    }, scope:this}
                                }
                });

            }
        }
    });
    Players.panel.View.superclass.constructor.call(this,config);
};


Ext.extend(Players.panel.View,MODx.FormPanel);
Ext.reg('players-panel-view',Players.panel.View);

                Ext.Ajax.request({
                   url: Players.config.connectorUrl ,
                   success: function(t){ 
                        var jsonData = Ext.util.JSON.decode(t.responseText);
                        p.getForm().setValues({ 'lblFirstName': jsonData.results.first_name});
                   },
                   params: { action: 'mgr/player/get', id: '14' }
                });

                /*MODx.Ajax.request({
                                url: Players.config.connectorUrl 
                                ,params: {
                                    action: 'mgr/player/get',
                                    id: '14' 
                                },listeners: {
                                    'success':{fn:function(r) {
                                        alert(r);
                                        //p.getForm().setValues({ 'lblFirstName': r.results.first_name});
                                    }, scope:this}
                                }
                });*/

/**
 * An override class for Ext.Ajax, which adds success/failure events.
 *
 * @class MODx.Ajax
 * @extends Ext.Component
 * @param {Object} config An object of config properties
 * @xtype modx-ajax
 */
MODx.Ajax = function(config) {
    config = config || {};
    MODx.Ajax.superclass.constructor.call(this,config);
    this.addEvents({
        'success': true
        ,'failure': true
    });
};
Ext.extend(MODx.Ajax,Ext.Component,{
    request: function(config) {
        this.purgeListeners();
        if (config.listeners) {
            for (var i in config.listeners) {
              if (config.listeners.hasOwnProperty(i)) {
                var l = config.listeners[i];
                this.on(i,l.fn,l.scope || this,l.options || {});
              }
            }
        }

        Ext.apply(config,{
            success: function(r,o) {
                r = Ext.decode(r.responseText);
                if (!r) { return false; }
                r.options = o;
                if (r.success) {
                    this.fireEvent('success',r);
                } else if (this.fireEvent('failure',r)) {
                    MODx.form.Handler.errorJSON(r);
                }
                return true;
            }
            ,failure: function(r,o) {
            	r = Ext.decode(r.responseText);
                if (!r) { return false; }
            	r.options = o;
            	if (this.fireEvent('failure',r)) {
                    MODx.form.Handler.errorJSON(r);
            	}
                return true;
            }
            ,scope: this
            ,headers: {
                'Powered-By': 'MODx'
                ,'modAuth': config.auth
            }
        });
        Ext.Ajax.request(config);
    }
});
Ext.reg('modx-ajax',MODx.Ajax);

return $modx->error->success('',$ar_player);