Creating buttons in ExtJS to use in MODX

button.js

Careers.button.btnRenderer = function (v, config) {
    var config = config || { bodyStyle: '', holderStyle: 'float:left', style: {} };
    var id = Ext.id();

    (function() {
        var btn = new Ext.Button({
            renderTo: id
            ,text: config.text
            ,bodyStyle: config.bodyStyle
            ,style: config.style
            ,handler: config.handler
        });
    }).defer(15);

    return (String.format('<div id="{0}" style="{1}"></div>', id, config.holderStyle));
}

/* How to use */

{
    header: _('lexicon_name'),
	width: 120,
	renderer: function(v, p, record) {
		return Careers.button.btnRenderer(v, {
				text: _('lexicon_name')
				,holderStyle: 'float:left; margin: 0 3px;'
				,style: {
					padding: '0 10px'
				}
				,handler: function (btn, e) {
					showPosWindow(pid);
				}
			}) +
			Careers.button.btnRenderer(v, {
				text: _('lexicon_name')
				,holderStyle: 'float:left; margin: 0 3px 0 10px;'
				,style: {
					padding: '0 10px'
				}
				,handler: function (btn, e) {
					deletePosition(pid);
				}
			});
	}
}