Ir para conteúdo


Foto

Ajuda - Alinhar labels com xtype


Melhor Resposta durtto , 10 May 2012 - 08:53

Obrigado Legolas.
Vou verificar... Visualizar todo o conteúdo do post


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

#1 durtto

durtto

    Member Avançado

  • Membros
  • PipPipPip
  • 52 posts

Postado 09 May 2012 - 21:02

Boa noite.

No meu form.panel, preciso alinhar labels com os seus respectivos xtype.
Segue código do layout

,initComponent: function() {
      this.formPanel = new Ext.FormPanel({
        bodyStyle: 'padding:100px 100px 100px 100px',
          labelAlign: 'top',

          items:
          [{
			xtype: 'compositefield',

			//defaults: {flex: 1},
			items: [{
				xtype: 'textfield',
                padding:'50',
               // displayField: 'display',
                fieldLabel: 'Razao Social:',
                name: 'Razl',
                width: 150,
                paddingTop: 'center',
                labelWidth: 1000
			},{
				xtype: 'textfield',
                labelAlign:'right',

                fieldLabel: 'Endereço:',
                name: 'Enliente',
                width: 150,
                paddingTop: 'center',
                labelWidth: 1000

			}]
		}],

Segue imagem relatando o layout com problema.


#2 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 09 May 2012 - 23:11

durtto, seja bem vindo ao nosso fórum espero que possamos lhe ajudar em suas duvidas, sobre esta. Vc está utilizando a Classe Ext.form.CompositeField, os componentes filhos desta não são implementados o displayField. Assim vc teria que criar o displayField neste componente. Veja esse exemplo:
Ext.onReady(function(){
    var form = new Ext.form.FormPanel({
         renderTo: Ext.getBody()
        ,title: 'Exemplo Compositefield'
        ,frame: true
        ,bodyPadding: 5
        ,width: 590
        ,items: [{
             xtype: 'compositefield'
            ,fieldLabel: 'Pesquisar por'
            ,items: [{
                xtype: 'displayfield',
                value: 'Razão Social',
                labelAlign: 'top'
            }, {
                 xtype: 'textfield'
                ,name: 'Razl'
                ,width: 150
            }, {
                xtype: 'displayfield',
                value: 'Endereço'
            }, {
                xtype: 'textfield',
                name: 'Enliente',
                width: 150
            }]
        }]
    });
});
Espero que lhe ajude.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)


#3 durtto

durtto

    Member Avançado

  • Membros
  • PipPipPip
  • 52 posts

Postado 10 May 2012 - 08:53   Melhor Resposta

Obrigado Legolas.
Vou verificar...

#4 durtto

durtto

    Member Avançado

  • Membros
  • PipPipPip
  • 52 posts

Postado 14 May 2012 - 19:54

Boa noite..
Na verdade, preciso alinha meus labels de forma que fiquem na posição top acima dos xtype.
Veja figura em anexo em post anterior. Os label até que ficou em cima, mas não do seu respectivo xtype.



#5 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 15 May 2012 - 08:28

durtto utilizando o "compositefield" vc não conseguiria esse efeito (me corrijam se estiver errado), pois ele não implementa os fieldLabels dos campos. No seu caso tente ver a utilização do layout Collumn.
Espero que lhe ajude.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)


#6 durtto

durtto

    Member Avançado

  • Membros
  • PipPipPip
  • 52 posts

Postado 07 April 2015 - 15:33

Obrigado.

Resolvido



#7 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 13 April 2015 - 08:50

durtto, poderia clicar no botão "Resolvido" na resposta que lhe ajudou a sanar o problema ;)


"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)





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

0 membros, 0 visitantes, 0 membros anônimos