Fare la riga della tabella modificabile utilizzando jQuery, jEditable, jeditable-gem rails o qualsiasi AJAXy soluzione

Ho una tabella con le righe di dati su di esso. Desidero più di riga sia modificabile cliccando la riga o un pulsante di modifica.

Diciamo che ho una tabella che elenca i prodotti:

  • Nome Del Prodotto
  • Marchio
  • Modello
  • Prezzo

Sono in grado di realizzare questo utilizzando jQuery e jEditable; e anche utilizzando la jeditable-gem rails. Ma posso solo modificare una cella alla volta.

Quello che mi serve è questo: Se clicco il pulsante Modifica o la riga stessa. Tutte e quattro le celle di una tabella deve essere modificato.

  • stackoverflow.com/questions/4323830/…
  • Ho provato ad utilizzare il codice ma non sono riuscito a farlo funzionare. Io non sono sicuro di cosa si intende per ” var jeditableEvent = $.fn.modificabile.le impostazioni predefinite.evento; sto cercando di usare jQuery
  • Ho provato anche questo, ma rende l’intera riga della tabella modificabile, tra cui il tr e td tag. code $(document).ready(function() { $(“.editlink”).click(function() { $(“tabella tr”).modificabile(‘localhost‘,{}); }); }); code
  • Non ho mai lavorato con jEditable, ma provare a cambiare $(‘tabella tr’) a $(‘table tr td’)
InformationsquelleAutor leonel | 2011-08-25

 

3 Replies
  1. 5

    Provare qualcosa di simile a questo:

    $('td:not(.edit)').editable('', {
        onblur: 'ignore',
        submit: 'ok',
        cancel: 'cancel',
        width: 75,
        event: 'edit'
    });
    
    $('td').click(function(e) {
        // reset all editables
        var allEditables = $(this).closest('table').find('td:not(.edit)').get();
        $.each(allEditables, function(i, elm) {
            elm.reset();
        });
    
        // make all cells in this row editable
        $(this).parent().children(':not(.edit)').trigger('edit');
    });

    Esempio: http://jsfiddle.net/UMccc/221/

    • -1: Questo JSFiddle non funziona in Google Chrome.
    • grazie per il tuo voto negativo, rendendo questo gruppo di risposte piuttosto divertente! 😀 Sul lato serio, si potrebbe si prega di venire con almeno alcuni suggerimenti mentre si downvoted una risposta?
  2. 0

    Qui è un facile da usare e flessibile jquery inline modificabile plugin. Ti permette di avere modificabile facilmente ovunque, all’interno di una tabella o di un tag h1, e può covnert nulla di nulla. in realtà l’idea di base è semplice e un po ‘ unico.

    Applausi,

Lascia un commento