//lo solucione utilizando autocomplete input de jqxwidgets gracias por las repuesta que me proporcionaron
// desde mi vista llamo a mi controlador autoCompletarHojaruta usando jquery
$().ready(function() {
autocompletarHojaruta();
}
function autocompletarHojaruta(){
// prepare the data
var source =
{
datatype: "json",
datafields: [ { name: 'numHojaruta' } ],
url: '/archivo/ajax/autoCompletarHojaruta'
};
var hojaRuta = new Array();
var titulo = new Array();
var dataAdapter = new $.jqx.dataAdapter(source, { autoBind: true, loadComplete: function (data) {
for (var i = 0; i < data.length; i++) {
hojaRuta.push(data[i].numHojaruta);
titulo.push(data[i].titulo);
}
}
});
// Create a jqxInput
$("#solNumHojaRuta").jqxInput({ source: dataAdapter, placeHolder: "Numero de hoja de ruta:",height: 26,
source: function (query, response) {
var item = query.split(/,\s*/).pop();
// update the search query.
$("#solNumHojaRuta").jqxInput({ query: item });
response(hojaRuta);
},
renderer: function (itemValue, inputValue) {
var terms = inputValue.split(/,\s*/);
// remove the current input
terms.pop();
// add the selected item
terms.push(itemValue);
// add placeholder to get the comma-and-space at the end
terms.push("");
/*var value = terms.join(", ");*/
var value = terms.join("");
return value;
}
});
}
//controlador
public function action_autoCompletarHojaruta(){
$result=array();
$listarHojaruta=new Model_solicituddocumentos();
$lista=$listarHojaruta->autocompletarHojasRutas();
foreach($lista as $res1) {
$result[]= Array(
'numHojaruta' => $res1->numHojaruta,
'titulo' => $res1->titulo
);
}
echo json_encode($result);
}
//llamo a mi modelo
public function autocompletarHojasRutas(){
$sql="select numHojaruta, titulo from regdocumentos";
return $this->_db->query(Database::SELECT, $sql,TRUE);
}