Ext.ns('app');
Ext.QuickTips.init();
app.myCuentasContables = Ext.extend(Ext.Panel, {
  border: false,
  initComponent: function(){
	var textCuenta = new Ext.form.NumberField({
	   fieldLabel:'Cuenta',
	   name:'cuenta',
	   id:'cuenta',
	   autoCreate: {tag: 'input', type: 'text', size: 10, autocomplete: 'off', maxlength: 4},
	   listeners : {
		specialkey : function(field, e) {
			if (e.getKey() == e.ENTER){
				buscarCuenta();
		        }
		}
	    }
	});
	var textDescripcion = new Ext.form.TextField({
		id : 'cc_descripcion',
		name : 'cc_descripcion',
		readOnly : true,
		autoCreate: {tag: 'input', type: 'text', size: 70, autocomplete: 'off' }
	});
		
	var btnCuentas = new Ext.Button({
	        id : 'btncuentas',
		iconCls : 'subcuenta',
		listeners : {
		 	click : function(){
				alert ('hola');
			}
		}
	});
		
	/*contenedor*/
	var contCuentas = new Ext.form.FieldSet({
		title : 'Cuenta Contable',
		plain : true,
		frame : true,
		border : true,
		layout : 'column',
		columnWidth : 1,
		style : {padding : '5px'},
		items : [textCuenta, textDescripcion, btnCuentas]
	});
		
	Ext.apply(this, {
		items:[contCuentas]
	});
		
	app.myCuentasContables.superclass.initComponent.apply(this, arguments);
		
	var buscarCuenta = function(){
		var cuenta = Ext.getCmp('cuenta').getValue();
		//console.log(cuenta);
		Ext.Ajax.request({
			url: '../php/leer_usuario.php',
			success: function(response){
				info = Ext.decode(response.responseText);
				Ext.getCmp('cc_descripcion').setValue(info.descripcion);
			}
		});
	};
},
	
  onRender: function(){
    app.myCuentasContables.superclass.onRender.apply(this, arguments);
  }
});
Ext.reg('myCuentas', app.myCuentasContables);