Foro

combo distorsionado

0
Hola, me podria alguien ayudar por favor con el sgte problema, estoy creando un plugin con una ventana y dentro de esa ventana hay un combobox, pero al cargarlo aunque el combo está en su posicion correcta se depliega en la esquina superior izquierda de la pantalla. alguna idea? cualquier luz será agradecida
0
Que layout estas usando?
0
layout : 'absolute' a un contenedor. Aun estoy un poco perdido en todo caso de como hacer un plugin correctamente. sobre todo que el plugin en si es toda una ventana con varios componentes dentro. lo hago porque voy a necesitar este componente en diferentes lugares de mi sistema y queria reutilizarlo.
Ext.ns('Ext.ux');
Ext.QuickTips.init();
Ext.ux.myArticulos = Ext.extend(Ext.Window, {
	width : 650,
	height : 440,
	modal : true,
	title : 'Articulo',
	resizable : false,
	maximizable : false,
	constrain : true,
	bodyStyle : 'padding:2px;',
	plain : true,
	border: true,
	layout : 'fit',
    initComponent: function(){
		
		var  Contenedor = new Ext.Panel({
			plain : true,
			border : false,
			baseCls : 'x-plain',
			layout : 'absolute',
			defaults : {
				xtype : 'form'
			},
			items : [
				{
					id : 'formArticulo',
					plain : true,
					baseCls : 'x-plain',
					x : 0,
					y : 0,
					height : 400,
					defaults : {
						xtype : 'textfield',
						allowBlank : false
					},
					items : [
					{
						fieldLabel : 'Marca',
						id : 'marca',
						autoCreate : {tag : "input", type : "text", autocomplete : "off", maxlength : 20, size : 20 }
					},{
						xtype : 'combo',
						hiddenName : 'id_unidad',
						id : 'id_unidad',
						valueField : 'id_interno',
						displayField : 'descripcion',
						triggerAction : 'all',
						mode : 'local',
						lazyRender : true,
						fieldLabel : 'Unidad',
						width : 200,
						editable : false,
						forceSelection : true,
						store : new Ext.data.JsonStore({
							url : '../php/unidades.php',
							root : 'data',
							fields : ['id_interno', 'descripcion'],
							autoLoad : true
						})
					}		
					],
					fbar :[
					{
						xtype : 'button',
						text : 'Guardar',
						iconCls : 'guardar'
					}
					]
				}
			]
		});
		
        Ext.apply(this, {
			items:[Contenedor]
		});
		
        Ext.ux.myArticulos.superclass.initComponent.apply(this, arguments);
    },
    onRender: function(){
        Ext.ux.myArticulos.superclass.onRender.apply(this, arguments);
    }
});
Ext.reg('myArticulos', Ext.ux.myArticulos);

¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook

Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.