//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);
}
