141 votes

Ce qui ' s le meilleur plugin de modification en place pour jQuery ?

J'ai besoin d'une modification en place plugin pour jQuery, mais il y a bien des autour de. J'ai testé jeditable (http://www.appelsiini.net/projects/jeditable) mais il manque quelques options de base (comme l'effet hover). J'ai aussi trouvé JEIP (http://josephscott.org/code/javascript/jquery-edit-in-place/) qui a été récemment développée, mais avec beaucoup plus de réglages.

Quel plugin préférez-vous pour edit-in-place de la fonctionnalité?

66voto

David Robbins Points 6773

Jeditable est assez flexible. Vous spécifiez si vous voulez une entrée, une zone de texte ou sélectionnez liste comme le contrôle d’édition.

43voto

Jeremy B. Points 6079

Je me sers modifiable dans les tests. Nous n’avons pas roulé en direct avec elle, mais il fait ce qu’il faut jusqu'à présent.

18voto

Cesar Points 1016

http://code.google.com/p/jquery-in-place-editor/

Simple, il a planer au-dessus, les commandes du clavier, et intelligent par défaut (par exemple, onblur soumet).


Pour un Démarrage Rapide...

Après avoir télécharger le projet, y trouver le fichier demo.js et modifier le "editme1" gestionnaire de:

  1. décommentez url: et commentez fonction de rappel (vous ne pouvez utiliser l'un ou l'autre)
  2. ajouter un gestionnaire de succès pour voir ce que vous pouvez intercepter la réponse AJAX

... comme:

    $("#editme1").editInPlace({
    // callback: function(unused, enteredText) { return enteredText; },
    url: './server.php',
    show_buttons: true,
    success: function(response) {
        // stuff
        alert('success with response: ' + response);
    }
});

Quoi observer ici:

  • Le champ de texte valeur de mise à jour est envoyée à server.php et ce fichier simplement renvoie l'écho de la valeur
  • Avant le texte de l'INTERFACE utilisateur champ est mis à jour, nous pouvons attraper la réponse et de prendre des décisions en conséquence

3voto

Bernat Points 31

J’ai écrit une discrète ne dépend pas du cadre reposant jQuery script qui prend en charge en--modification sur place et travaille pour les entrées, textarea, sélectionne et cases à cocher.

Faire un essai : jQuery dans l’éditeur intégré

2voto

ScottyDont Points 433

Continue de jouer avec cela, mais bien : http://valums.com/edit-in-place/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X