Refactorizar sitio en symfony con ajax?

[nelson_nnn]

Gente existe algun tutorial como guía para refactorizar un sitio en symfony2 y que sea a una sola página renderizando sectores y partes con de la pagina con ajax, la cuestion es que tengo que lograr recargar ciertos templates twig pero que cuando hago un render desde un controlador además paso parametros a variables globales twig en el front que proveen, esos parametros a su vez a otros componentes, en ese caso como podría hacerlo mediante ajax? he probado con el metodo load() de js que renderiza los templates pero no me llegan los parametros desde los controladores a las variables globales en los templates twig mediante los app.request.attribute.get() o app.request.get(), me imagino que debe ser porque el fragmento de codigo se carga por load() en un sector especifico y los get() de twig no capturan los datos...

[hhs]

Puedes colocar un ejemplo de como estas haciendo las peticiones y como estas pasando las variables al template o mas bien como esperas pasarlos.

[nelson_nnn]

Aquí dejo el controlador que envía los datos a la plantilla "portada" aunque probé tambien enviarlos a la plantilla de "lista_avisos" extendiendo luego a "portada" mediante el metodo load() de js. pero las variables globales del template no toman los los valores enviados desde el controlador (creo que los envía pero solo a la capa que renderiza y no al total.

Código PHP:

public function avisosPorLocalidadAction($localidad,$rubro){
 
        $em = $this->getDoctrine()->getManager();
        $loc = $em->getRepository("AvisosOpcionesBundle:Localidades")->findOneBySlug($localidad);
        $rub = $em->getRepository("AvisosOpcionesBundle:Rubros")->findOneBySlug($rubro); 
        
        //busco en repositorio avisos por filtro localidad y rubro
         if($localidad && $rubro){
            if($loc && $rub)
                $avisos = $em->getRepository("AvisosAvisosBundle:Avisos")->findByLocalidad($local,$rub);
            else
                throw $this->createNotFoundException('Opss!! la página no está disponible por el momento.');
         }
         //busco avisos solo por filtro localidad
         if($local && !$rub){
            if($local)
                $avisos = $em->getRepository("AvisosAvisosBundle:Avisos")->findByLocalidad($local,null);
            else
                throw $this->createNotFoundException('Opss!! la página no está disponible por el momento.'); 
         }
         
         $paginator = $this->get('knp_paginator');
         $pagination = $paginator->paginate($avisos, $this->get('request')->query->get('page',1),20);
        
         return $this->render('AvisosAvisosBundle:Default:portada.html.twig', array('pagination' => $pagination,
                                                                                          'localidad' => $local,
                                                                                          'rubro' => $rub));
    }
 

Aquí esta el template donde se mostraría un menu lateral y el espacio de los avisos a renderizar con ajax.

Código Twig:

{# template portada #}
{% extends  '::base.html.twig' %}
 
{#  variables globales que deberían capturar datos del controlador para pasar a la barra lateral y mostrar como informacion de filtros en recuadro #}
{% set localidad = app.request.get('localidad') %}
{% set rubro = app.request.get('rubro') %}
 
 
{% block stylesheets %}
    {{parent()}}
{% endblock %}
 
{% block title %}Avisos | Portada{% endblock %}
 
{% block id 'portada' %}
 
{% block aside %}
{# Aquí iría el lateral con un menú de opciones de rubros y otro de localidades ademas de un recuadro para mostrar los filtros seleccionados #}
      {% include ':includes:aside.html.twig' %} 
{% endblock %}
 
{% block article %}
    {{parent()}}
{#  aquí se incluiría la capa con el listado de avisos,
 con ajax intentaría renderizar esta zona y que el block aside se mantenga sin recargar salvo el recuadro de filtros que debería renderizar junto con este listado para actualizar el filtro seleccionado,
 he probado renderizar con load() de js pero extendiendo en vez de incluir el template de lista_avisos pero las variables globales no capturan los datos del controlador #}
     {%include 'AvisosAvisosBundle:Default:lista_avisos.html.twig' %}    
 
{% endblock %}
 
{% block javascripts %}
{{parent()}}
{% endblock %}
 

El problema es que tengo que renderizar en realidad dos espacios, el espacio de los avisos y el del recuadro en la barra lateral donde muestra los datos seleccionados como filtros (estilo mercadolibre) y entiendo que si envio por el controlador me va a dirigir a una sola direccion que sería la de "lista_avisos" pero luego debería renderizar el cuadro de filtros en el lateral.

[hhs]

Ok, entonces necesitas hacer que jquery solicite la petición y que solo refresque la parte que necesitas cambiar. te dejo un ejemplo que usa esta idea con el replaceWhith de jquery. el ejemplo se basa en formularios pero la idea es básicamente la misma que quieres emplear.
http://thinkingoo.wordpress.com/2014...2-jquery-ajax/

[nelson_nnn]

Pero es posible refrescar dos zonas a la vez de la página en la misma petición? porque el problema es ese son dos zonas a refrescar, una es donde se muestran los avisos y la otra es la que muestra los items filtrados, o a la zona de filtro debo generarla en javascript directamente en vez de usar un plantilla?

[hhs]

puedes hacerlo mediante dos peticiones a dos métodos distintos del controlador

[nelson_nnn]

Bueno eso si ha funcionado, el problema es que las rutas al controlador que uso no se muestran con ajax y por ende no puedo pasar valores por sus parametros para poder filtrar por localidad y rubro a la vez, mi ruta es similar a lo siguiente

Código yml:

avisos_por_localidad:
    path:      /{localidad}/rubro-{rubro}
    defaults:  { _controller: AvisosAvisosBundle:Default:avisosPorLocalidad }
 

si busco por localidad funciona pero para agregar el rubro a la direccion ya no sirve porque ajax no muestra las rutas y estoy usando el app.request.attribute.get('localidad') para capturar valores y pasarlos al controlador, no hay alguna manera de capturar esos valores con javascript sobre las variables twig no?

[hhs]

Creo que te refieres a esto: https://github.com/FriendsOfSymfony/FOSJsRoutingBundle

[nelson_nnn]

Ok ya lo probaré, y algo que he visto es el framework Angular.js que creo que permite delimitar las variables en twig para ver si de esa forma se puede extraer los parametros por javascript

[hhs]

Angular no es para eso, recuerda que las variables de aplicación solo estan disponibles durante el tiempo de cargado de la respuesta. Asi que una vez cargada la pantalla en el cliente no hay forma de acceder a esos valores.