Ir para conteúdo


Foto

criar um Ext.override para setar o focus o primeiro campo do form

focus

  • Por favor, faça o login para responder
1 resposta neste tópico

#1 guidopege

guidopege

    Member Avançado

  • Membros
  • PipPipPip
  • 154 posts
  • LocationPorto Alegre, RS

Postado 12 February 2015 - 08:32

Bom dia pessoa,

 

Estou com um pequeno problema que acho q vcs conseguem me ajudar, estou usando a versão Extjs 5.1 então tenho varias Ext.window.window no  meu sistema como essa abaixo:

/************************* 
 Codigo gerado automaticamente em 2014-05-12
 Table: XXXXX
 Tipo: formWindow
 Alias: parametrosWinFormXXX
 FileInfo : 
 Define: XXXX.view.parametros.WinFormXXX
*************************/
Ext.define('XXXX.view.parametros.WinFormXXX', {
    extend: 'Ext.window.Window',
    alias: 'widget.parametrosWinFormXXX', // nome definido para acessar o form
    requires: [],
    modal: true, //bloqueia o fundo da aplicação
    closable: true, //nao aparece o botao de fechar
    autoShow: true, // exibir a janela automaticamente ao chamar
    autoScroll: true, // aparecer o scroll se o form for maior que a window
    draggable: true,
    resizable: false,
    width: 600,
    maxHeight : 480,
    title: 'Grupo de XXXX',

    initComponent: function ()
    {
        var me = this;

        setaStoreSync(true); // importante para forcar carregar os stores
        setaStoreSync(false); // voltar ao default do sistema
         
        me.items = [{             
            border: false,
            itemId: 'formXXXX',
            xtype: 'form',
            bodyStyle: 'padding:10px',
            items: [
                { fieldLabel: 'Código', name: 'codigo_XXX', itemId: 'codigo_XXX', xtype: 'textfield', enforceMaxLength: true, maxLength: 10, anchor: '100%', labelWidth: 120, allowBlank: false },
                { fieldLabel: 'Descrição', name: 'descricao_XXX', itemId: 'descricao_XXX', xtype: 'textfield', enforceMaxLength: true, maxLength: 200, anchor: '100%', labelWidth: 120, allowBlank: false },
                { fieldLabel: 'Ativo', checked: true, name: 'ativo_XXX', itemId: 'ativo_XXX', xtype: 'checkbox', inputValue: true, uncheckedValue: 'false', anchor: '100%', labelWidth: 120, allowBlank: false }
            ], //items
            listeners: { 
            }
        }];

         // botões da janela
        me.buttons = [
            '->',
            { text: 'Salvar', itemId: 'btnSalvar', iconCls: 'fa fa-floppy-o fa-inverse', action: 'salvar' }
        ];


        me.callParent(arguments);
    } //fim initComponent

}); // fim XXXXX.view.parametros.XXXXXXX

Então, queria criar um Ext.override(..... ) para setar sempre o primeiro campo do window->form, procurei muito na net mais não consegui achar nada, consegui fazer usando um (listeners afeterrender... dentro de uma windows para teste) mais como são muitos form no sistema vai ficar inviável fazer isso em todos os form, então se alguem tive alguma ideia de como fazer isso, desde ja obrigado.

 

Ha fico muito bacana o novo layout do Fórum, parabéns a todos!!



#2 Fabyo

Fabyo

    Member Avançado

  • Administrators
  • 678 posts
  • LocationSão Paulo

Postado 25 February 2015 - 16:58

use 

defaultFocus

 

Ext.create('Ext.window.Window', {
autoShow : true,
width : 300,
title : 'Login',
defaultFocus : 'username',
items : [
{
xtype : 'textfield',
fieldLabel : 'Username',
itemId : 'username',
name : 'username'
},
{
xtype : 'textfield',
inputType : 'password',
fieldLabel : 'Password',
itemId : 'password',
name : 'password'
}
]
});

 

http://docs.sencha.c...t.window.Window

 
 






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

0 membros, 0 visitantes, 0 membros anônimos