fnRowCallback with draggable elements
fnRowCallback with draggable elements
jordivela007
Posts: 6Questions: 0Answers: 0
I have a datatables with a photo in each row assigned to worker. This photo is draggable and i use a fnRowCallback to assign the property draggable to each photo.
This works fine but when i use the function fnDraw the function fnRowCallback in not called ant the photos are not draggable.
Exist any solution for this issue?
thanks a lot.
[code]
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { // para leer el campo activo y cambiarlo por un checkbox
var trabajador = pad(aData.ID, 5);
var anTds = oTableEmpleados.fnGetTds(nRow); // para relacionar el indice real con oColVis ya que oculta columnas y no
// enlaza correctamente con el nombre de la columna
if (aData.Correo !== "" && aData.Correo !== null) {
$(anTds[4]).html('' + aData.Correo + '');
}
if (aData.Activo === "1") {
//$('td:eq(7)', nRow).html('');
$(anTds[7]).html('');
}
else {
$(anTds[7]).html('');
}
if (aData.Servicio === "1") {
//$('td:eq(7)', nRow).html('');
$(anTds[8]).html('');
}
else {
$(anTds[8]).html('');
}
$(anTds[1]).html('');
if (aData.Direccion && aData.Poblacion && aData.CodigoPostal) { // si hay direccion, poblacion y CP crea mapa google
$(anTds[14]).html('Mapa');
}
$("#IdFoto" + trabajador).draggable({
appendTo: "parent",
revert: true,
helper: "clone",
cursor: "move",
cursorAt: {top: 67, left: 67},
//zIndex: 1000,
opacity: 0.35,
delay: 500
//containment: "parent"
}).data("nombreempleado", aData.Nombre + " " + aData.Apellidos);
}
[/code]
This works fine but when i use the function fnDraw the function fnRowCallback in not called ant the photos are not draggable.
Exist any solution for this issue?
thanks a lot.
[code]
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { // para leer el campo activo y cambiarlo por un checkbox
var trabajador = pad(aData.ID, 5);
var anTds = oTableEmpleados.fnGetTds(nRow); // para relacionar el indice real con oColVis ya que oculta columnas y no
// enlaza correctamente con el nombre de la columna
if (aData.Correo !== "" && aData.Correo !== null) {
$(anTds[4]).html('' + aData.Correo + '');
}
if (aData.Activo === "1") {
//$('td:eq(7)', nRow).html('');
$(anTds[7]).html('');
}
else {
$(anTds[7]).html('');
}
if (aData.Servicio === "1") {
//$('td:eq(7)', nRow).html('');
$(anTds[8]).html('');
}
else {
$(anTds[8]).html('');
}
$(anTds[1]).html('');
if (aData.Direccion && aData.Poblacion && aData.CodigoPostal) { // si hay direccion, poblacion y CP crea mapa google
$(anTds[14]).html('Mapa');
}
$("#IdFoto" + trabajador).draggable({
appendTo: "parent",
revert: true,
helper: "clone",
cursor: "move",
cursorAt: {top: 67, left: 67},
//zIndex: 1000,
opacity: 0.35,
delay: 500
//containment: "parent"
}).data("nombreempleado", aData.Nombre + " " + aData.Apellidos);
}
[/code]
This discussion has been closed.