jQuery - Chỉnh sửa hàng trong bảng

Question

Tôi có một bảng có các cột và hàng tùy ý. Thực tế này là không liên quan mặc dù thực sự, tất cả những gì tôi muốn làm là phát triển một hàm sẽ biến một hàng (hoặc nhiều hàng) thành một chuỗi các đầu vào văn bản chứa dữ liệu trong bảng (hoặc trống nếu không có dữ liệu trong ô).

Tôi không thể tìm thấy bất kỳ ví dụ nào về những người làm điều này một cách rõ ràng, vì vậy tôi tự hỏi những gì mọi người ở đây nghĩ là cách tốt nhất để tìm giải pháp.

Answer 1

lặp qua các tế bào bảng trong các hàng, và thay thế nội dung với đầu vào văn bản:

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

Bạn cần phải vượt qua hàng liên quan/hàng vào chức năng rõ ràng.

Answer 2

như Eran nói. Tuy nhiên,

tuy nhiên, bạn cũng có thể xem các thuộc tính như contenteditable và designMode mặc dù tôi không chắc chắn chúng được hỗ trợ như thế nào.

khi bạn đã thay thế nội dung bằng đầu vào văn bản, bạn có thể sử dụng plugin jquery toggleEdit để quản lý chuyển đổi giữa chế độ xem trước và chế độ chỉnh sửa.

Answer 3

sử dụng http://code.google.com/p/jquery-inline-editor/, nó thực hiện chính xác những gì bạn cần