Edición de «Datagrid Simple y jquery»

De KumbiaPHP Framework Wiki

Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.

Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.

Revisión actual Tu texto
Línea 1: Línea 1:
−
[[KumbiaPHP_Framework_Versión_1.0_Spirit#views.2Fpartials.2F | Partials]] para crear de forma simple un datagrid con php y algo de jquery
+
Partials para crear de forma simple un datagrid con php y algo de jquery
  
 
=== En el controlador ===
 
=== En el controlador ===
−
Para efecto del ejemplo tenemos el siguiente controller, pero puede ser cualquiera
+
 
 
<source lang="php">
 
<source lang="php">
−
<?php
 
−
class ClienteController extends ApplicationController {
 
−
 
−
public function page(){
 
−
        // Paso el resultado de la consulta que sera mostrada en el datagrid
 
−
        $this->result = Load::model('cliente')->find();
 
−
 
−
        /* paso un array con los campos que quiero mostrar en la datagrid
 
−
        *  El key de cada campo del ser el nombre a mostrarse en el tr de la tabla
 
−
        *  El value el campo de la tabla
 
−
        */
 
−
$this->campos = array('Codigo' => 'id',
 
−
      'Nombre' => 'nombre',
 
−
      'Telefono' => 'telefono',
 
−
      'Direccion' => 'direccion');
 
−
}
 
−
 
−
}
 
 
//  Se maneja todo desde la vista
 
//  Se maneja todo desde la vista
 
</source>
 
</source>
Línea 27: Línea 9:
  
 
=== En la vista ===
 
=== En la vista ===
−
/app/view/cliente/page.phtml
 
 
<source lang="php">
 
<source lang="php">
−
<?  View::partial('datagrid/ajax',false,array('Model'=>$result, 'Campos'=>$campos)); ?>
+
  View::partial('datagrid/ajax', //nombre del partial
 +
  false,
 +
array( 'Modelo' => Load::model('usuarios')->find(), // Paso el modelo que voy a utilizar
 +
'Campos' => array('Codigo' => 'id',// paso un array con los campos que quiero mostrar
 +
  'Nombre' => 'nombre',
 +
  'Telefono' => 'telefono',
 +
  'Direccion' => 'direccion'))
 +
      )
 +
 +
 
 
</source>
 
</source>
  
Línea 35: Línea 25:
  
 
/app/view/partials/datagrid/ajax.phtml
 
/app/view/partials/datagrid/ajax.phtml
 +
 +
 
<source lang="php">
 
<source lang="php">
  
Línea 41: Línea 33:
 
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_page.css" />
 
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_page.css" />
 
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_table.css" />
 
<link type="text/css" rel="stylesheet"  href="http://www.datatables.net/release-datatables/media/css/demo_table.css" />
−
<div id="datagrid">
+
<?php
−
<table  border="1px" width="100%" class="ajax">
+
echo "<div id=\"datagrid\">";
−
<thead><tr>
+
echo "<table  border=\"1px\" class=\"ajax\">";
−
<?php foreach( $Campos  as $titulo => $valor): ?>
+
echo "<thead><tr>";
−
<th> <?php echo $titulo ?></th>
+
foreach( $Campos  as $titulo => $valor):
−
<?php endforeach; ?>
+
echo "<th>" . $titulo . "</th>";
−
</tr></thead>
+
endforeach;
−
                <tbody>
+
echo "</tr></thead><tbody>";
−
<?php foreach( $Model as $model):  
+
foreach( $Modelo as $model):
−
echo tr_color_class( 'tr_primary', 'tr_secondary' );
+
echo tr_color_class( 'tr_primary', 'tr_secondary' );
−
foreach($Campos as  $campos): ?>
+
foreach($Campos as  $campos):
−
<td><?php echo $model->$campos ?></td>
+
echo "<td>". $model->$campos . "</td>";
−
<?php endforeach; ?>
+
endforeach;
−
</tr>
+
echo "</tr>";
−
<?php endforeach; ?>
+
endforeach;
−
</tbody></table>
+
echo "</tbody></table></div>";
−
</div>
+
?>
 +
 
 
<script>
 
<script>
−
$(function() {
+
$(document).ready(function() {
−
$('#ajax').dataTable();
+
$('#datagrid').dataTable();
 
} );
 
} );
  
Línea 68: Línea 61:
  
 
''la pagina del autor del script para jquery es http://www.datatables.net/''
 
''la pagina del autor del script para jquery es http://www.datatables.net/''
−
 
−
== Resultado Final ==
 
−
 
−
[[Archivo:Datagrid_simple_jquery.JPG|700px|thumb|center|Resultado Final]]
 
−
 
−
 
−
 
−
[[Categoría:Partials]]
 
−
[[Categoría:jQuery]]
 

Ten en cuenta que todas las contribuciones a KumbiaPHP Framework Wiki pueden ser editadas, modificadas o eliminadas por otros colaboradores. Si no deseas que las modifiquen sin limitaciones, no las publiques aquí.
Al mismo tiempo, asumimos que eres el autor de lo que escribiste, o lo copiaste de una fuente en el dominio público o con licencia libre (véase Proyecto:Derechos de autor para más detalles). ¡No uses textos con copyright sin permiso!

Para editar esta página, responde la pregunta que aparece abajo (más información):

Cancelar Ayuda de edición (se abre en una ventana nueva)
Obtenido de «https://wiki.kumbiaphp.com/Datagrid_Simple_y_jquery»