Tema: [problema] ZF y AJAX
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 02/02/2011, 10:37
Fenris
 
Fecha de Ingreso: agosto-2008
Mensajes: 271
Antigüedad: 15 años, 8 meses
Puntos: 2
Respuesta: [problema] ZF y AJAX
Hola masterpuppet

search.phtml es solo una vista dentro de un layout pero de hecho en el action desactivo el layout

search.phtml
Código HTML: 
Ver original
  1. <?php echo $this->doctype() ?>
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.  
  6. <?php $this->headLink()->appendStylesheet('/css/global.css') ?>
  7. <?php $this->headLink()->appendStylesheet('/css/master.css') ?>
  8. <?php echo $this->headLink() ?>
  9. <script type="text/javascript" src="/js/funciones.js"></script>
  10. <script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
  11.  
  12. <script type="text/javascript">
  13.  
  14. var httpReq;    //objeto para realizar peticiones HTTP
  15. var items;  //Contendrá el XML obtenido para los elementos de la lista
  16. var ids;    //Contendrá el XML obtenido para los elementos de la lista
  17. var tipo;  //Contendra el XML obtenido para el elemento TIPO
  18. var valores;    //Contendrá el XML obtenido para los elementos de la lista
  19.  
  20. //Se encarga de cargar los items de la lista secundaria
  21. function loadItems(searchCriteria)
  22. {
  23.     var filtro;
  24.  
  25.     if (document.frm_buscar_clientes.filtros[0].checked){
  26.         filtro='apellidoPaterno';
  27.     } else {
  28.         filtro='rut';
  29.     }
  30.     ///filtro/"+filtro+"/criterio/"+searchCriteria
  31.     getXML("/clientes/search/format/xml/filtro/"+filtro+"/criterio/"+searchCriteria);
  32. }
  33.  
  34. //Carga el RSS en el objeto rssXML
  35. function getXML(url)
  36. {
  37.     //Si es Mozilla, Opera o safari (entre otros que lo soportan como objeto nativo del navegador)
  38.     if (window.XMLHttpRequest)
  39.     {
  40.         httpReq = new XMLHttpRequest();
  41.     }
  42.     else    //Internet Explorer lo expone como control Active X
  43.     {
  44.         httpReq = new ActiveXObject("Microsoft.XMLHTTP");
  45.     }
  46.     //Ya debería tener una referencia al objeto
  47.     if (httpReq != null)
  48.     {
  49.         httpReq.open("GET", url, true)  //El true del final es para que lo solicite de forma asíncrona
  50.         httpReq.onreadystatechange = finCarga;
  51.  
  52.         httpReq.send(null); //al ser una petición GET no va nada en el cuerpo de la petición, de ahí el null
  53.     }
  54. }
  55.  
  56. //Función que se ejecuta cuando cambia el estado de la carga del objeto httpReq
  57. function finCarga()
  58. {
  59.     if (httpReq.readyState == 4)    //4: completado, 3: en curso, 1:cargado, 0: no iniciado
  60.     {
  61.         if (httpReq.status == 200)  //200: OK (código HTTP, podría haber sido 404 (no encontrado), 500 (error), etc...)
  62.         {
  63.             ids= httpReq.responseXML.getElementsByTagName("RUT");   
  64.             items = httpReq.responseXML.getElementsByTagName("NOMBRES");    
  65.             ProcesaItems();
  66.         }
  67.         else    //Se produjo un error
  68.         {
  69.             alert("No se pudo recuperar la información de la lista secundaria: " + httpReq.statusText);
  70.         }
  71.     }
  72. }
  73.  
  74. //Procesa los items del RSS
  75. function ProcesaItems()
  76. {
  77.     listaSec = document.getElementById("mnuSecundario");
  78.     if (listaSec != null)
  79.     {
  80.         listaSec.options.length = 0;    //Vacía la lista de opciones
  81.  
  82.         //Cargamos las nuevas opciones
  83.         for(i=0; i<ids.length; i++)
  84.         {
  85.             var opc = document.createElement("OPTION");
  86.             opc.text = items[i].childNodes[0].nodeValue;
  87.             opc.value = ids[i].childNodes[0].nodeValue;
  88.  
  89.             listaSec.options.add(opc);
  90.             if (ids[i].childNodes[0].nodeValue == 0 || items[i].childNodes[0].nodeValue == 'No se encontraron coincidencias')
  91.             {           
  92.                 listaSec.options[0] = new Option('paso por aqui','0');
  93.                 listaSec.disabled=true; //PARA EL CASO DE NO HABER RESULTADOS INABILITO EL SELECTOR             
  94.             } else {
  95.                 listaSec.disabled=false;    
  96.                 listaSec.options[0].selected = true; //si se encontraron coincidencias marco la primera opcion de la lista como seleccionada                
  97.                 
  98.             }
  99.         }
  100.     }
  101. }
  102.  
  103. function CargaPagina(dato){
  104.  
  105.         listaSec = document.getElementById("mnuSecundario");
  106.         var textoSel = '0';
  107.         var valorSel = '0';
  108.  
  109.         if(document.frm_buscar_clientes.mnuSecundario.selectedIndex != -1 && listaSec.value != ''){
  110.                 textoSel = document.frm_buscar_clientes.mnuSecundario.options[document.frm_buscar_clientes.mnuSecundario.selectedIndex].text;
  111.                 valorSel = document.frm_buscar_clientes.mnuSecundario.value;
  112.                 parent.infFrame.location.href = '/clientes/edit/rut/'+valorSel;
  113.             }
  114.  
  115. }
  116. </script>
  117. </head>
  118. <body>
  119. <div class="outerbox" >
  120.  
  121.     <form
  122.          name="frm_buscar_clientes"
  123.              id="frm_buscar_clientes" 
  124.                 method="post" 
  125.                     action="/clientes/search/" >
  126.  
  127.         <div class="mainHeading"><h4>Buscador de clientes</h4></div>
  128.             
  129.                 <table cellspacing="0" cellpadding="0" class="data-table" id="clientes-table" >
  130.                     <tr >
  131.                                                 <td scope="col">
  132.                             Filtros
  133.  
  134.                         </td>
  135.                                                 <td scope="col">
  136.                             <input name="filtros" type="radio" value="apellidoPaterno" checked>&nbsp;&nbsp;Apellido Paterno 
  137.                         </td>
  138.  
  139.                                                 <td scope="col">
  140.                             <input name="filtros" type="radio" value="rut">&nbsp;&nbsp;Rut            
  141.                         </td>
  142.  
  143.                     </tr>
  144.  
  145.                     <tr>
  146.                         <td colspan="3" style="height:2px"></td>
  147.                     </tr>
  148.                     
  149.                     <tr >
  150.                                                 <td scope="col">
  151.                             Texto a Buscar
  152.  
  153.                         </td>
  154.                                                 <td scope="col" colspan="2">
  155. <input name="mnuPrimario" type="text" id="mnuPrimario" onBlur="javascript:loadItems(this.value)" size="50">
  156. <!--onKeyUp="this.value=this.value.toUpperCase(); if (this.value.length>2){loadItems(this.value);};"-->
  157.                             </td>
  158.  
  159.                     </tr>
  160.                     
  161.                     <tr>
  162.                         <td colspan="3" style="height:2px"></td>
  163.                     </tr>
  164.  
  165.                     <tr >
  166.                                                 <td scope="col">
  167.                             Coincidencias
  168.  
  169.                         </td>
  170.                                                 <td scope="col" colspan="2">
  171.                                                 <select name="mnuSecundario" style="width:300px;" size="5" id="mnuSecundario" onclick="LoadClientesInfo(this.value);" disabled="disabled">
  172.           <option value="">[Ingrese texto a buscar en la caja superior]</option>
  173.         </select>   <input name="hayseleccion" type="hidden" value="0">                     </td>
  174.  
  175.                     </tr>
  176.                     
  177.                 </table>
  178.     </form>
  179.  
  180. </div>
  181. </body>
  182. </html>
  183. <script type="text/javascript">
  184.     <!--
  185.         if (document.getElementById && document.createElement) {
  186.             roundBorder('outerbox');
  187.         }
  188.     -->
  189. </script>

ClientesController
Código PHP: 
Ver original
  1. public function searchAction()
  2.     {
  3.         $this->_helper->layout->disableLayout();    
  4.  
  5.         $_request = $this->getRequest();
  6.  
  7.         if ($_request->isPost() || $this->getRequest()->isXmlHttpRequest() || $_request->isGet())
  8.         {
  9.             $filtro = $_request->getParam('filtro');
  10.             $criterio = $_request->getParam('criterio');
  11.                 
  12.             if (null !== $filtro && null !== $criterio)
  13.             {
  14.                 //instancio el modelo para invocar al metodo
  15.                 $clientes= new Application_Model_Clientes();
  16.                 $this->view->clientes= $clientes->search($filtro, $criterio);
  17.             }
  18.         }
  19.         
  20.     }

ClientesModel
Código PHP: 
Ver original
  1. public function search($p1, $p2)
  2.      {
  3.         return $this->getMapper()->search($p1, $p2);
  4.      }

ClientesMapper
Código PHP: 
Ver original
  1. public function search($p1, $p2, Application_Model_Pacientes $pacientes)
  2.     {
  3.         $select = $this->getDbTable()->select()
  4.                                     ->from(array('pac' => 'pacientes'),
  5.                                            array('rut'=>'pac.rut', 
  6.                                                  'nombre'=>'CONCAT(pac.nombres," ",pac.apellidoPaterno)'))
  7.                                     ->where($p1.' LIKE ?', '%'.$p2.'%')
  8.                                     ->order('apellidoPaterno ASC');
  9.  
  10. /*      $resultSet = $this->getDbTable()->fetchAll($select);                                    
  11.         if (0 == count($resultSet)) {
  12.             return;
  13.         }       
  14.         $row = $resultSet->current();
  15.         $pacientes->setRut($row->rut);
  16.         $pacientes->setNombres($row->nombre);*/
  17.         
  18.        return $this->getDbTable()->fetchAll($select);
  19.     }

No me funciona.
Última edición por Fenris; 02/02/2011 a las 10:45