Comment faire pour modifier et mettre à jour <td> valeur lorsque vous double-cliquez sur Jquery
J'ai écrit mon code tel que lorsque l'utilisateur double clique sur un <td>
élément je suis:
- ajoutant suis
<input>
detype="text"
- l'ajout d'une valeur à mettre à jour si l'utilisateur clique sur entrer
Voici mon problème:
Si l'utilisateur double clique sur <td>
et clique sur un autre <td>
sans en appuyant sur entrée, j'ai besoin de l'initiale <td>
's <input>
être réinitialisé à la valeur précédente.
//Selecting the table <th> odd elements
$("#div table td").dblclick(function(){
var currentEle = $(this);
var value = $(this).html();
updateVal(currentEle, value);
});
function updateVal(currentEle, value)
{
$(currentEle).html('<input class="thVal" type="text" value="'+value+'" />');
$(".thVal").focus();
$(".thVal").keyup(function(event){
if(event.keyCode == 13){
$(currentEle).html($(".thVal").val().trim());
}
});
$('body').not(".thVal").click(function(){
if(('.thVal').length != 0)
{
$(currentEle).html($(".thVal").val().trim());
}
});
}
S'il vous plaît aider moi.
Je ne veux pas utiliser jeditable datatable.
veuillez prendre un coup d'oeil à ceci : archive.plugins.jquery.com/project/Editable
OriginalL'auteur vvr02 | 2013-02-07
Vous devez vous connecter pour publier un commentaire.
Ici, dans votre cas, vous avez besoin
.stopPropagation()
: http://jsfiddle.net/jFycy/Au lieu de faire, cliquez sur
body
ne l'événement surdocument
ouhtml
qui est le parent elem de tous les autres elems.click
événement $(document).off('click') parce qu'il y a certains problèmes à venir de ça. violon>jsfiddle.net/melanholly/D9YS3il y a un problème dans ce code. si vous double-cliquez à l'intérieur de champ de Saisie pour sélectionner le contenu, il va déclencher la TD à un double-clic et fermer la boîte de/réinitialiser la boîte.
OriginalL'auteur Jai
Fixe de la dernière réponse. en cochant qui a déclenché l'événement je ne peux empêcher la double cliquez sur le problème de l'entrée.
Aussi, avec le .off('click') vous n'avez pas le problème où tous les td de vous mettre à jour avant de modifications par le dernier.
event.target
êtree.target
?OriginalL'auteur Carlos Pollastri
Je sais que c'est un vieux sujet... mais la réponse qui a posté ici n'a pas fonctionné à cause de l'événement de clic sur l'entrée, j'ai pris la réponse et l'a modifié
la fonction d'économie d'effectuer la requête ajax
OriginalL'auteur yura sk