jQuery - Editar uma linha linha da tabela

Question

Eu tenho uma tabela com colunas arbitrárias e linhas. Este facto é irrelevante que, na verdade, tudo que eu quero fazer é desenvolver uma função que irá transformar uma linha (ou várias linhas) em uma série de entradas de texto contendo os dados na tabela (ou vazio se há dados na célula).

Não consigo encontrar qualquer exemplos de pessoas explicitamente fazendo isso, então eu quis saber o que as pessoas aqui acho que é a melhor maneira de encontrar uma solução.

Answer 1

iterar sobre as células da tabela nas linhas e substituir o conteúdo com entradas de texto:

function editRow(row) {
    $('td',row).each(function() {
         $(this).html('<input type="text" value="' + $(this).html() + '" />');
    });
}

Você precisa passar a linha relevante / linhas em função obviamente.

Answer 2

http://code.google.com/p/jquery-inline- editor / , ele faz exatamente o que você precisa

Answer 3

como Eran afirma.

No entanto, você também pode olhar para propriedades tais como contenteditable e designMode embora eu não sei como bem apoiado estas são.

depois de ter substituído o conteúdo com entradas de texto, você poderia usar o plugin jQuery toggleEdit para gerenciar trocando-os entre modo de visualização e modo de edição.