Ir para conteúdo


Foto

Grid Não Mostra Dados

Grid

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

#1 dengo

dengo

    Iniciante

  • Membros
  • Pip
  • 1 posts

Postado 24 May 2015 - 23:10

Estou iniciando com ExtJS e peguei o exemplo no curso da Loiane. A parte do servidor é em PHP e olhando pela ferramenta de desenvolvedor do Chrome, o retorno está vindo correto ! O pagingtoolbar está trazendo o número de registros corretos usando a mesma store, ou seja, os dados estão corretos, somente o grid não mostra nenhuma informação.

Ext.define('ExtMVC.view.ContatosGrid', {
	extend: 'Ext.grid.Panel',

	alias: 'widget.contatosgrid',

	store: 'ExtMVC.store.Contatos',

	title: 'Contatos',

	iconCls: 'icon-grid',

	columns: [
		{
			text: 'ID',
			width: 35,
			dataindex: 'id'
		},
		{
			text: 'Nome (descrição)',
			width: 170,
			flex: 1,
			dataindex: 'name'
		},
		{
			text: 'Telefone',
			width: 100,
			dataindex: 'phone'
		},
		{
			text: 'Email',
			width: 170,
			dataindex: 'email'
		}
	],

	dockedItems: [
		{
			xtype: 'toolbar',
			dock: 'top',
			items: [
				{
					xtype: 'button',
					text: 'Novo',
					iconCls: 'icon-add'
				},
				{
					xtype: 'button',
					text: 'Excluir',
					iconCls: 'icon-delete'
				}

			]
		},
		{
	        xtype: 'pagingtoolbar',
	        store: 'ExtMVC.store.Contatos', 
	        dock: 'bottom',
	        displayInfo: true,
	        emptyMsg: 'Nenhum registro encontrado',			
	        nextText: 'Próxima página',
	        lastText: 'Última página',
	        prevText: 'Página anterior',
	        firstText: 'Primeira página',
	        afterPageText: 'de {0}',
	        beforePageText: 'Página',
	        displayMsg: 'Mostrando {0} - {1} de {2}',
	        refreshText: 'Recarregar'	        
		}	
	],

});



#2 Loiane

Loiane

    Member Avançado

  • Expert User
  • 1013 posts
  • LocationSão Paulo - SP

Postado 25 May 2015 - 08:39

Oi,

 

Instale o addon do chrome da Sencha e verifique a Stora que está no Grid e veja se a mesma possui dados.

 

O modo de declarar a Store no ExtJS 5 mudou um pouquinho, caso vc esteja usando a estrutura de app (https://github.com/l...cData/Actors.js)


Autora dos livros:

Mastering Ext JS 5 http://bit.ly/1HWeHXh
Mastering Ext JS 4 http://bit.ly/14NZkxg

Ext JS 4: First Look http://bit.ly/o1IP1w
Sencha Architect http://bit.ly/19FVBGs
Curso ExtJS 4 Gratuito http://bit.ly/s5S0Oj (conceitos valem pro Ext 5 e 6 tb)






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