buen día, estoy realizando un formulario donde agrego filas de manera dinamica, aqui el codigo
Código Javascript
:
Ver originalfunction fnAnadirFila(){
strhtml="<tr id='fila"+gblIdRowAnadidas+"'>";
strhtml+="</tr>";
$(strhtml).appendTo(".filamas");
$("#selProductos_descripcion").clone(true).attr({name:"selProductos_descripcion"+gblIdRowAnadidas,id:"selProductos_descripcion"+gblIdRowAnadidas}).appendTo("#fila"+gblIdRowAnadidas);
strhtmldel="<td><span class='ui-icon ui-icon-closethick' onclick='fnEliminarFila(\"fila"+gblIdRowAnadidas+"\")'></span></td>";
$(strhtmldel).appendTo("#fila"+gblIdRowAnadidas);
var filaidautocomplete="selProductos_descripcion"+gblIdRowAnadidas;
fnSearchProductos_descripciones(filaidautocomplete);
}
y quiero realizar un autocomplete a las filas. Ahora el problema radica en que en la primera fila si hace el autocomplete, pero en la segunda fila y las demas no lo hace, ¿Por qué?.
Aqui el codigo del autocomplete
Código Javascript
:
Ver originalfunction fnSearchProductos_descripciones(idfilaautocomplete){
if(typeof(idfilaautocomplete)!='undefined'){
$.ajax({
url: $.fn.encoded_url_controller('productos/colores/select_desc'),
type:'POST',
dataType:'json',
async:false,
beforeSend:function(){
$('#divPreloadAddEdit').preload('Cargando Cambios...');
},
error:function(jqXHR,textStatus,errorThrown){
$.fn.errorResponse(jqXHR.responseText);
},
success: function(msg){
if($.fn.validateResponse(msg,'divPreloadAddEdit')){
coloresfila=[];
for (var i = 0; i < msg.rows[0]['descripcion'].length; i++) {
if(msg.rows[0]['descripcion'][i]['descripcion']!=''){
coloresfila.push(msg.rows[0]['descripcion'][i]['descripcion']);
}
};
$("#selProductos_descripcion1").autocomplete({
source:coloresfila
});
}
}
});
}
else{
$.ajax({
url: $.fn.encoded_url_controller('productos/colores/select_desc'),
type:'POST',
dataType:'json',
async:false,
beforeSend:function(){
$('#divPreloadAddEdit').preload('Cargando Cambios...');
},
error:function(jqXHR,textStatus,errorThrown){
$.fn.errorResponse(jqXHR.responseText);
},
success: function(msg){
if($.fn.validateResponse(msg,'divPreloadAddEdit')){
colores=[];
for (var i = 0; i < msg.rows[0]['descripcion'].length; i++) {
if(msg.rows[0]['descripcion'][i]['descripcion']!=''){
colores.push(msg.rows[0]['descripcion'][i]['descripcion']);
}
};
$("#selProductos_descripcion").autocomplete({
source:colores
});
}
}
});
}
}