Diferencia entre revisiones de «Autosuggest jQuery KumbiaPHP»
De KumbiaPHP Framework Wiki
(Uso del plugin autoSuggest de Jquery) |
|||
Línea 24: | Línea 24: | ||
//la url que le pasamos debe ser relativa | //la url que le pasamos debe ser relativa | ||
− | $("#<?php echo $id ?>").autoSuggest( | + | $("#<?php echo $id ?>").autoSuggest("<?php echo PUBLIC_PATH."$controlador/$accion"?>", { |
minChars: 2, | minChars: 2, | ||
matchCase: true, | matchCase: true, |
Revisión del 18:33 16 mar 2010
Librerías
Lo primero que se tiene que hacer es bajar la librerías jquery y el plugin en la siguiente dirección [[1]]
Se agregan las librerías en la app de KumbiaPHP.
echo stylesheet_link_tag('autoSuggest');
echo stylesheet_link_tags();
echo javascript_include_tag('jquery');
echo javascript_include_tag('jquery.autoSuggest');
En el Partial
Creamos el Partial donde se va llamar la función autoSuggest, Este Partial va recibir 3 parámetros para así hacerlo mas reutilizable.
<script type="text/javascript">
$(document).ready(function () {
//la url que le pasamos debe ser relativa
$("#<?php echo $id ?>").autoSuggest("<?php echo PUBLIC_PATH."$controlador/$accion"?>", {
minChars: 2,
matchCase: true,
selectedItemProp: "name",
searchObjProps: "name"
});
});
</script>
En el Formulario
En en la vista donde va ir el campo de texto que va usar el plugin agregamos el partial y le asiganmos sus 3 parámetros. el ID del campo, La accion, El controlador.
<?php echo form_tag('registro/create/') //¬¬_ ?>
<table>
<tr>
<td>Accesorios</td>
<td><?php echo text_field_tag('tipoactivo.accesorios') ?></td>
</tr>
<tr>
<td> </td>
<td><?php echo submit_tag('Agregar') ?></td>
</tr>
</table>
<?php echo end_form_tag() ?>
<?php View::partial('jquery/autoSuggest', false , array('id'=>'tipoactivo_accesorios','accion'=>'listaracc', 'controlador'=>'registro'))?>
En el Controlador
public function listaracc(){
$this->set_response('view');
$input = $_GET["q"];
$accesorio = new Accesorios();
$this->array = $accesorio->find("accesorio like '%$input%'");
}
En la Vista
<?php
$data = array();
foreach ($array as $cat) {
$json = array();
$json['value'] = $cat->id;
$json['name'] = $cat->accesorio;
$data[] = $json;
}
header("Content-type: application/json");
echo json_encode($data);
?>