Ir para conteúdo


Foto

[RESOLVIDO] anchor 100% não funciona dentro de um tabpanel?


  • Por favor, faça o login para responder
3 respostas neste tópico

#1 claudioalmeiida

claudioalmeiida

    Member Avançado

  • Membros
  • PipPipPip
  • 140 posts
  • LocationCampo Grande - MS

Postado 04 May 2011 - 13:30

Alguém pode me dizer se o anchor 100% para um campo do form não funciona dentro de um tabpanel, que está dentro de um form,
rodem o código abaixo:

// Exemplo 1
Ext.create('Ext.Window', {

	title: 'Window 1',
	autoShow: true,
	resizable: false,
	width: 350,

	items: {
		xtype: 'form',
		baseCls: 'x-border-layout-ct',
        bodyPadding: '10px 10px 5px 10px',
		defaults: {
			xtype: 'textfield',
			labelWidth: 70,
			anchor: '100%'
		},
		items: [{
			fieldLabel: 'Name',
			name: 'name'
		},{
			fieldLabel: 'City',
			name: 'city'
		}]
	}

});

// Exemplo 2
Ext.create('Ext.Window', {

	title: 'Window 2',
	autoShow: true,
	resizable: false,
	width: 350,
	border: false,
	plain: true,

	items: {
		xtype: 'tabpanel',
		activeTab: 0,
		plain: true,
		items: [{
			title: 'Form',
			xtype: 'form',
			baseCls: 'x-border-layout-ct',
	        bodyPadding: '10px 10px 5px 10px',
			defaults: {
				xtype: 'textfield',
				labelWidth: 70,
				anchor: '100%'
			},
			items: [{
				fieldLabel: 'Name',
				name: 'name'
			},{
				fieldLabel: 'City',
				name: 'city'
			}]
		},{
			title: 'HTML',
			bodyPadding: 10,
			baseCls: 'x-border-layout-ct',
			html: 'HTML Content<br>..........................................'
		}]
	}

});

// Exemplo 3
Ext.create('Ext.Window', {

	title: 'Window 3',
	autoShow: true,
	resizable: false,
	width: 350,
	border: false,
	plain: true,

	items: {
		xtype: 'form',
		border: false,
		bodyStyle: {
			background: 'transparent'
		},
		items: [{
			xtype: 'tabpanel',
			activeTab: 0,
			plain: true,
			items: [{
				title: 'Tab 1',
				bodyPadding: '10px 10px 5px 10px',
				baseCls: 'x-border-layout-ct',
				defaults: {
					xtype: 'textfield',
					labelWidth: 70,
					anchor: '100%'
				},
				items: [{
					fieldLabel: 'Name',
					name: 'name'
				},{
					fieldLabel: 'City',
					name: 'city'
				}]
			},{
				title: 'Tab 2',
				bodyPadding: '10px 10px 5px 10px',
				baseCls: 'x-border-layout-ct',
				defaults: {
					xtype: 'textfield',
					labelWidth: 70
				},
				items: [{
					fieldLabel: 'Time',
					name: 'time'
				},{
					fieldLabel: 'Date',
					name: 'date',
					width: 300
				}]
			}]
		}]
	}

});

estou com problema no exemplo 3, será um bug?

#2 Nom4d3

Nom4d3

    Member Avançado

  • Membros
  • PipPipPip
  • 952 posts
  • LocationAraras/SP/Brasil

Postado 04 May 2011 - 14:05

Vc precisa alterar o layout pra anchor.

...
items: [{
xtype: 'tabpanel',
activeTab: 0,
plain: true,
items: [{
title: 'Tab 1',
bodyPadding: '10px 10px 5px 10px',
baseCls: 'x-border-layout-ct',
           layout: 'anchor',
defaults: {
xtype: 'textfield',
labelWidth: 70,
anchor: '100%'
}

...



#3 claudioalmeiida

claudioalmeiida

    Member Avançado

  • Membros
  • PipPipPip
  • 140 posts
  • LocationCampo Grande - MS

Postado 04 May 2011 - 14:16

h'mm legal, valeu...

#4 Nom4d3

Nom4d3

    Member Avançado

  • Membros
  • PipPipPip
  • 952 posts
  • LocationAraras/SP/Brasil

Postado 04 May 2011 - 14:33

marca o topico como resolvido :)




0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos