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();
$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++;
}
}
View index.phtml
Código HTML:
Ver original<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml"> <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',{});
});
contextSwitch Vista index.json.phtml
Espero me puedan orientar o decir donde esta el problema.
Saludos