Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Principal > Delphi para la web
Registrarse FAQ Miembros Calendario Guía de estilo Buscar Temas de Hoy Marcar Foros Como Leídos

Grupo de Teaming del ClubDelphi

Respuesta
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 15-04-2013
Neeruu Neeruu is offline
Miembro
 
Registrado: oct 2007
Posts: 484
Poder: 17
Neeruu Va por buen camino
Cool Paginar Grid Con Memory Proxy (ExtJS)

Hola a todos....

Estoy tratando de paginar una grilla...
Mire en muchos ejemplos pero no puedo hacer andar la paginacion.
Mi Store:

Cita:
var StoreEgresoVehiculo=Ext.create('Ext.data.Store', {
storeId:'StoreEgresoVehiculo',
autoLoad: true,
fields:[{name:'Vehiculo' , type: 'string'},
{name:'Patente' , type: 'string'},
],
data:{'items':[]},
enablePaging:true,
pageSize :1,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
El Store esta enlazado a una grid...
Cuando necesito mostrar los datos cargo un array y luego cargo el array al
store:

Cita:
StoreEgresoVehiculo.loadData(MyArrayData, false);
Automaticamente se muestran los datos en la grid.
Pero el panel de paginacion no carga las paginas.

Si defino los datos de antemano ejemplo:

Cita:
var MyArrayData = {
'items': [{Vehiculo:'AUTOMOVIL',Patente:'AD'},
{Vehiculo:'CAMION',Patente:'XX'}]
};
Cuando quiero mostrar los datos hago:

Cita:
StoreEgresoVehiculo.loadPage(1);
y se muestra correctamente...

Pero cargando los datos después (que se muestra mi pantalla) no logro que la grid pagine.
Por favor alguien podría darme un ejemplo o guiarme como puedo solucionarlo.

Gracias
__________________
Saluda Atte Neeruu!!! :)
Responder Con Cita
  #2  
Antiguo 15-04-2013
Neeruu Neeruu is offline
Miembro
 
Registrado: oct 2007
Posts: 484
Poder: 17
Neeruu Va por buen camino
Código:
Ext.onReady(function(){

  var mydataGrid=[];
	var StoreEgresoVehiculo=Ext.create('Ext.data.Store', {
		storeId:'StoreEgresoVehiculo',
		autoLoad: true,
		fields:[
				{name:'Vehiculo'	, type: 'string'}, 
				{name:'Patente'		, type: 'string'}, 						
				],
          data:{'items':[]},
		buffered:true, 
		enablePaging:true,
		pageSize :1,
		proxy: {
			type: 'memory',
			reader: {
				type: 'json',
				root: 'items'
			}
		}	
	})  ;			

	Grid = Ext.create('Ext.grid.Panel', {
		id:'sIDGrilla',
		title: 'Datos',
		titleAlign:'center',
		store: StoreEgresoVehiculo,
		flex:1,		
		columns: [
			{ 	text: 'Veh\u00edculo', 
				dataIndex: 'Vehiculo', 
				align: 'left', 
				menuDisabled:true,
				width:130,
			},				
				
			{ 	text: 'Patente', 
				dataIndex: 'Patente', 
				align: 'left', 
				menuDisabled:true,
				width:130,				
			}								
			],			
		height:200,
		width: '100%', 
		scroll:'vertical',
		loadMask: true,
		renderTo: Ext.getBody(),
		bbar: 
			Ext.create('Ext.PagingToolbar', {
				store: StoreEgresoVehiculo,
				displayInfo: true,
				displayMsg: 'Mostrador Registros {0} - {1} de {2}',
				emptyMsg: "No Hay Datos Para Mostrar",
				items:[
					'-', {
					text: 'Cargar Datos.',										
					handler: 
						function() {                          
                          mydataGrid.push({Vehiculo:'CAR',Patente:'XXX'});     
                          alert('Datos Cagados');
						},
					},
					{
					text: 'Paginar.',										
					handler: 
						function() {
                        StoreEgresoVehiculo.loadData(mydataGrid,true);
						StoreEgresoVehiculo.loadPage(1);				
						},				
					},
					{
						text:'Pagina2',
						handler:
							function(){							
							}
					}
				]				

			}),		
	});	
});
Alguien podría decirme porque no se carga las paginas? Que esta mal en el código?

Gracias.
__________________
Saluda Atte Neeruu!!! :)

Última edición por Casimiro Notevi fecha: 05-04-2014 a las 11:23:32.
Responder Con Cita
  #3  
Antiguo 05-04-2014
Neeruu Neeruu is offline
Miembro
 
Registrado: oct 2007
Posts: 484
Poder: 17
Neeruu Va por buen camino
Cool

Hola a todos....

Despues de mucho tiempo encontre la solucion para poder paginar los datos en una grilla.


Adjunto un ejemplo...
Link

Y esta basado en este ejemplo...
http://blog.jardalu.com/2013/6/21/gr...g-extjs-sencha

Aca tenemos el ejemplo inspirador funcionando:
http://jsfiddle.net/jardalu/TE4ah/


Esto es todo...
Habia empezado este post hace un tiempo... y ahora me lo respondo...

Saluda Atte Neeruu!!!
__________________
Saluda Atte Neeruu!!! :)
Responder Con Cita
  #4  
Antiguo 05-04-2014
Avatar de Casimiro Notevi
Casimiro Notevi Casimiro Notevi is offline
Moderador
 
Registrado: sep 2004
Ubicación: En algún lugar.
Posts: 32.022
Poder: 10
Casimiro Notevi Tiene un aura espectacularCasimiro Notevi Tiene un aura espectacular




.
Responder Con Cita
Respuesta


Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
ExtJS y Delphi Neeruu Delphi para la web 1 05-04-2013 11:44:22
Distribucion de ExtJS Neeruu Delphi para la web 1 17-02-2013 03:29:41
como paginar con php pero parametrizando uper PHP 4 15-03-2011 20:18:18
Fragmentar/Paginar Resultado MaMu OOP 7 03-08-2007 22:10:37
Paginar registros JulioGO PHP 4 25-10-2004 02:50:32


La franja horaria es GMT +2. Ahora son las 16:51:54.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi
Copyright 1996-2007 Club Delphi