0

El plugin de editable lo quiero aplicar en la siguiente tabla

<!-- TABLA DETALLES PRODUCTOS -->
<div class="col-md-12">
<table id="TableProducts" class="table table-bordered table-responsive">
<thead>
<tr class="active">
<td><strong>ID Producto</strong></td>
<td><strong>Nombre Producto</strong></td>
<td><strong>Caracteristicas</strong></td>
<td><strong>Muestras</strong></td>
<td><strong>Cantidad</strong></td>
<td><strong>Precio</strong></td>
<td><strong>Descuento</strong></td>
<td><strong>IVA</strong></td>
<td><strong>Retención IVA</strong></td>
<td><strong>Total</strong></td>
<td><strong></strong></td>
</tr>
</thead>
<tbody>

</tbody>
</table>
</div>
<!-- FIN TABLA DETALLES PRODUCTOS -->

Al cual le agrego filas mediante una función de jquery de la siguiente manera

var fila = "<td>" + $.trim(idProduct) + "</td>";
fila += "<tr><td>" + $.trim(response.d.nombreProducto) + "</td>";
fila += '<td onclick="OpenModal(\'' + $.trim(idProduct) + '\', \'' + precio + '\');">XXXX XXXX XXXX XXXX</td>';
fila += "<td><center><input type='radio'></center></td>";
fila += "<td><a class='tableccant'>1</a></td>";
fila += "<td><a class='tablecprice'>0</a></td>";
fila += "<td><a class='tablecdescc'>0</a></td>";
fila += "<td>IVA</td>";
fila += "<td>RIVA</td>";
fila += "<td>TOTAL</td>";
fila += "<td><a class='text-danger delete'><span class='glyphicon glyphicon-remove'></span></a></td></tr>";
var ElementoHTML = $(fila);
$('#TableProducts').append(ElementoHTML);

A las cuales les aplico el plugin de editable de la siguiente manera

// Sección productos
$("#TableProducts").find(".tableccant").editable();
$("#TableProducts").find(".tablecprice").editable();
$("#TableProducts").find(".tablecdescc").editable();

Mi problema radica en que hago uso de dos plugin para mi pagina aspx en la cual el primer plugin es el de jquery validate y el segundo es el de editable con bootstrap . Mi problema radica cuando voy a editar un campo

introducir la descripción de la imagen aquí

El plugin de editable me funciona bien, de hecho el jquery validate también me funciona bien ya que tengo otras secciones en donde lo aplico, el problema es que en la consola de google me arroja el siguiente error, alguien sabe como solucionarlo

introducir la descripción de la imagen aquí

8
  • 1
    Deberias agregar un ejemplo mínimo verificable, ya que no se sabe donde este generando el error, sin código no hay mucha posibilidad de encontrar el error
    – JuankGlezz
    el 18 jul. 2017 a las 15:28
  • Eh agregado el código el cual anteriormente me ayudaste a resolver, el error se genera cuando me carga el plugin de editable
    – Miguel
    el 18 jul. 2017 a las 15:53
  • Si quitas las líneas que llaman a .editable(), también muestra el error?
    – Piyin
    el 18 jul. 2017 a las 16:08
  • No no me muestra el error @Piyin ya que no me carga el plugin de editable
    – Miguel
    el 18 jul. 2017 a las 16:25
  • Es decir, si quitas la línea que carga el script del editable, funciona bien?
    – Piyin
    el 18 jul. 2017 a las 16:30

2 respuestas 2

1

Recuerdo que alguna vez a un conocido le pasó algo similar, y el problema era que existían dos elementos con el mismo id

Si no es así, sería útil si nos dejaras ver el código para diagnosticarlo mejor

9
  • 2
    Tal vez esto encaje mas como un comentario a la pregunta que como una respuesta.
    – Pikoh
    el 18 jul. 2017 a las 15:28
  • Yo diría que juega el papel de ambas, pero prefería dejarlo en un sólo lugar. Así, en caso que sí sea la respuesta, puede serle útil a alguien más
    – Piyin
    el 18 jul. 2017 a las 15:30
  • 1
    Bueno, el problema es que, dad la información proporcionada por el OP, sin poner nada de código, lo que estas haciendo es adivinar, no es una respuesta muy fiable :)
    – Pikoh
    el 18 jul. 2017 a las 15:32
  • Ok, eso tiene sentido. Lo tendré en cuenta para la próxima
    – Piyin
    el 18 jul. 2017 a las 15:33
  • 1
    Si alguien tiene dos elementos con el mismo id esta respuesta resulta muy útil. Si el problema de la pregunta puede ser causado por esta circunstancia, que yo diría que sí, entonces esta es una respuesta útil incluso aunque no sea eso lo que le sucede al autor de la pregunta. Tanto las preguntas como las respuestas han de tener utilidad más allá del autor original. +1, se ve bien. el 18 jul. 2017 a las 17:03
0

El problema esta en que si te envia un error : cannot read property 'settings' of undefined es que el probablemente no este encontrando el objeto $("#id") que estes aplicando la funcion settings $("#id").settings(), proba colocar esto en la consola de chrome o busca el id correcto.

1
  • Lo que pasa es que yo no estoy aplicando la función settings, solo quiero cambiar el valor de un td, pienso yo que chocan los plugin ya que jquery validate esta configurado para trabajar con un buttonde type=submit, entonces en mi plugin de editable, tiene un buttonde type=submit, no sera que por eso choquen y me muestre ese error, o bien que id` puede ser el que busca
    – Miguel
    el 18 jul. 2017 a las 15:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.