Consulta:Zend + JQgrid

Fenris · #1 (**permalink**) 08/08/2011, 10:16

Hola compañeros

Quisiera saber si alguien ha logrado conectar Zend Framework con JQgrid para crear grillas con opciones para realizar CRUD, JQGRID es una librería muy potente tanto en la estética(gráfica) como en la funcionalidad pero no consigo combinarla con Zend_DB.

Si alguien lo ha logrado podría poner un ejemplo por favor.

Saludos

Dany_s · #2 (**permalink**) 08/08/2011, 12:31

jqGrid no tiene relación con Zend ni con otro framework, tampoco con un lenguaje en particular.
Lo que necesitas para mostrar los datos es un json o xml que tenga la estructura que se especifica en la documentación de jqGrid.

masterpuppet · #3 (**permalink**) 08/08/2011, 14:09

Claro Dany_s, pero supongo que esta justamente preguntando si alguien ha echo la parte de Zend.

@Fenris, talves este link te sirva, no lo he probado, no se que tan bueno sea o actualizado este y ten en cuenta que es alpha, pero te puede servir de base.

Saludos.

Fenris · #4 (**permalink**) 08/08/2011, 14:52

SOLUCIONADO!!!

Gracias Masterpuppet,

La verdad es que ya habia revisado esa pagina, y claro como esta en version alpha aun no implementa funciones de insercion, modificacion o eliminacion.
He estado leyendo algunos articulos y he conseguido hacer algo recordando algo que ya habia hecho con ajax utilizando Zend Framework pero al momento de visualizar la grilla me muestra los datos en forma de texto debajo de esta como impresos y no dentro de la grilla.

Muestro el codigo

Controlador

Código PHP:

Ver originalpublic function init()
    {
        /* Initialize action controller here */
        
        $contextSwitch = $this->_helper->getHelper('contextSwitch');
        $contextSwitch->addActionContext('index', 'json')
                      ->setAutoJsonSerialization(false)
                      ->initContext();
    }
 
    public function indexAction()
    {
        // action body
        $this->_helper->layout->disableLayout();
        $this->view->title = "Patologias";
        $patologia = new Application_Model_Patologias();
    echo $patologia->fetchAll();
        
    }

Modelo

Código PHP:

Ver originalpublic function fetchAll()
    {
        $resultSet = $this->getDbTable()->fetchAll();
        $entries   = array();
        
        $response = new stdClass();
        $response->page =1;
        $response->total = 1;
        $response->records = $this->total();
        $i=0;
        foreach ($resultSet as $row){
            $response->rows[$i]['idPatologia'] = $row->idPatologia;
            $response->rows[$i]['descripcion'] = $row->descripcion;
        $i++;
        }
        
        return json_encode($response);
    }

View index.phtml

Código HTML:

Ver original<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<?php $this->headLink()->appendStylesheet('/css/global.css') ?>
<?php $this->headLink()->appendStylesheet('/css/master.css') ?>
<?php $this->headLink()->appendStylesheet('/css/redmond/jquery.ui.all.css') ?>
<?php $this->headLink()->appendStylesheet('/css/ui.jqgrid.css') ?>
 
<?php echo $this->headLink() ?>
<script type="text/javascript" src="/js/funciones.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.9.custom.min.js"></script>
<script src="/js/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="/js/jquery.jqGrid.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
$(document).ready(function(){
jQuery("#grid").jqGrid({
    url:'/patologias/index/format/json',
    datatype: "json",
    colNames:['IdPatologia','Descripcion'],
    colModel:[
        {name:'idPatologia',index:'idPatologia', width:200, editable:false, editoptions:{readonly:true}, sorttype:'int'},
        {name:'descripcion',index:'descripcion', width:350, sortable:false, editable:true}
    ],
    rowNum:10,
    rowTotal: 50,
    rowList:[10,20,30],
    pager: '#pager',
    sortname: 'idPatologia',
    loadonce: true,
    viewrecords: true,
    sortorder: "desc",
    editurl: '/patologias/edit', // this is dummy existing url
    caption:"Patologias"
});
jQuery("#grid").jqGrid('navGrid','#pager',{});
 
});
</script>
</head>
<body>
<table id="grid"><tr><td>&nbsp;</td></tr></table>
<div id="pager"></div>
</body>
</html>

contextSwitch Vista index.json.phtml

Código PHP:

Ver original<?php echo json_decode($this->response); ?>

Espero me puedan orientar o decir donde esta el problema.

Saludos