I am trying to figure out the way to edit a row of table by button with jquery and jeditable. My aim is to have a "edit" button which will change desired row cells to edit mode.

Şimdi başı olarak var:

$(document).ready(function() {
    $("#addrowbutton").click(function() {
        $("#addrow").show();
    });
    $("#canceladd").click(function() {
        $("#addrow").hide();
    });
    $("#saveadd").click(function() {
        $("#message").text("Added").fadeOut(4000, function() {
            $(this).css('display','block').text("");
        });
        $("#addrow").hide();
    });
    $("#add_trade_form").submit(function() {
        process_details();
        return false;
    });
    function process_details() { 
        $("#add_trade_form").ajaxSubmit();
        return false;
    }
    $(".editlink").click(function() {
        var datapos = $(this).parent().parent().prevAll().length;
        var editpos = datapos + 1;

        $("#trades_table tbody tr:eq(" + datapos + ")").hide();
        $("#trades_table tbody tr:eq(" + editpos + ")").show();
    });

    $(".cancellink").click(function() {
        var editpos = $(this).parent().parent().prevAll().length;
        var datapos = editpos - 1;

        $("#trades_table tbody tr:eq(" + datapos + ")").show();
        $("#trades_table tbody tr:eq(" + editpos + ")").hide();
    });
    $(".savelink").click(function() { 
        var editpos = $(this).parent().parent().prevAll().length;
        var datapos = editpos - 1;

        $("#message").text("Saved...").fadeOut(4000, function() {
            $(this).css('display','block').text("");
        });
        $("#trades_table tbody tr:eq(" + datapos + ")").show();
        $("#trades_table tbody tr:eq(" + editpos + ")").hide();
    });

});

Yani:

• satır ekleyerek görünür ve bir düğme ile gizler

• satır ekran düzenlemek ve istediğim değerleri gerektiği gibi iptal

Ben şimdi kayıp am Nerede:

• girişlerden yeni değerleri alır ve denetleyici (birden id, değerleri) onları geçmek için nasıl ... Ben MVC kullanın. <=. Savelink

• sayfa yenileme olmadan yeni satır kaydetmek ancak yeni değerler <= # SaveAdd ile tablo nasıl yenileneceğini

Tüm yardım için şimdiden çok teşekkürler.

Alkış,

/ Jacek