Ir para conteúdo


Foto

Grid não aparece (erro de Renderização?)

grid

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

#1 Carlos_Souza

Carlos_Souza

    Novato

  • Membros
  • PipPip
  • 11 posts

Postado 29 May 2015 - 14:17

Olá. Sou iniciante em ExtJS 3, e me surgiu um problema.

 

Criei uma view de Login que me redireciona à uma view Main (viewport) caso as credenciais de  acesso estejam corretas.

Todavia, quando a view Main tenta criar um Grid (Ext.grid.Panel) ao clicar em um botão, percebo que o Grid é gerado mas não aparece visível. Quando eu adiciono a opção renderTo: Ext.getBody() no Grid,  o mesmo é gerado com vários erros de layout e posicionamento (confira no anexo desse post).

Todavia, quando a view Main tenta criar uma janela (Ext.window.Window), a janela abre normalmente.

 

O que pode estar acontecendo? ????

 

 

Até!

Arquivo(s) anexado(s)



#2 Carlos_Souza

Carlos_Souza

    Novato

  • Membros
  • PipPip
  • 11 posts

Postado 29 May 2015 - 23:24

Complementando, acho que a pergunta seria a seguinte: como criar um grid flutuante? Percebi que apenas mudando o parâmetro "floating:true" nada ocorre...

Como criar um grid sem estar dentro de uma Janela? Preciso alterar o z-index?

 

Grato.



#3 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3497 posts
  • LocationBelo Horizonte

Postado 02 June 2015 - 07:31

Complementando, acho que a pergunta seria a seguinte: como criar um grid flutuante? Percebi que apenas mudando o parâmetro "floating:true" nada ocorre...

Como criar um grid sem estar dentro de uma Janela? Preciso alterar o z-index?

Carlos, somente setar a propriedade "floating" para true não irá resolver o seu problema, pois nesse caso parece que você não informou qual será o destino da renderização desse grid.

Faça o teste ai:

Ext.onReady(function() {
    Ext.create('Ext.data.Store', {
        storeId: 'simpsonsStore',
        fields:[ 'name', 'email', 'phone'],
        data: [
            { name: 'Lisa', email: '[email protected]', phone: '555-111-1224' },
            { name: 'Bart', email: '[email protected]', phone: '555-222-1234' },
            { name: 'Homer', email: '[email protected]', phone: '555-222-1244' },
            { name: 'Marge', email: '[email protected]', phone: '555-222-1254' }
        ]
    });
    
    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
        columns: [
            { text: 'Name', dataIndex: 'name' },
            { text: 'Email', dataIndex: 'email', flex: 1 },
            { text: 'Phone', dataIndex: 'phone' }
        ],
        height: 200,
        width: 400,
        renderTo: Ext.getBody(), // INFORMO QUE O CONTAINER DE RENDERIZAÇÃO É O CORPO DA PÁGINA
        floating: true
    });
});

Nesse caso o framework irá renderizar o grid no centro da página.

 

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)






Tópicos que também usam as tags grid:

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

0 membros, 0 visitantes, 0 membros anônimos