Jquery + jeditable таблица строки редактировать несколько полей - PullRequest
Новая
       6

Jquery + jeditable таблица строки редактировать несколько полей

0 голосов
/ 31 августа 2010

Я пытаюсь выяснить способ редактирования строки таблицы с помощью кнопок jquery и jeditable. Моя цель состоит в том, чтобы иметь кнопку «Изменить», которая изменит нужные ячейки строки в режим редактирования.

На данный момент у меня есть: 

$(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();
    });

});

Итак:

  • добавление строки появляется и скрывается кнопкой

  • изменить отображение строки и отменить, как следует, со значениями, которые я хочу

Где я сейчас потерялся:

  • как взять новые значения со входов и передать их контроллеру (несколько идентификаторов, значения) ... Я использую MVC. <= .savelink </p>

  • как сохранить новую строку без обновления страницы, но обновить таблицу новыми значениями <= # saveadd </p>

Заранее большое спасибо за помощь.

Приветствия

/ Jacek

1 Ответ

0 голосов
/ 31 августа 2010

Я очень рекомендую использовать jqGrid

Посмотрите демонстрационные примеры и примеры редактирования.

У них также есть плагин для .NET

...