Работа с Gridview с использованием JQuery и JavaScript

Question

У меня есть вид сетки ASP.NET, которым я хочу манипулировать с помощью JavaScript / JQuery. Проблема, которую, я думаю, у меня возникнет с моим подходом, заключается в том, что сервер не будет знать о строках, которые я добавляю через gridview, так как html-представление элемента управления gridview связано с объектной моделью, которая живет сервер. Вот что мне нужно сделать:

Мне нужно добавить к виду сетки, когда пользователь отправляет данные, и отправлять каждую строку в пакете введенных данных на сервер для обработки. Поскольку у меня есть другие элементы управления ASP.NET, которые будут содержать данные, которые я хочу отправить, я хотел бы передать все эти данные с помощью традиционной обратной передачи на сервер.

1. Как реализовать этот подход, если это возможно?
2. Если это невозможно, не могли бы вы объяснить?

Большое спасибо за вашу помощь.

Answer 1

var queryString = "";

// This could be based on a number of different events
$('#finishButton').click(function(){

    // Iterate through each input (you could add other form elements)
    $('#myForm input').each(function(){

        // Build your query string to post to your aspx page
        queryString += $(this).attr("name") + "&" + $(this).val() + ",";

    });
});

// Make sure special chars are escaped
queryString = escape(queryString);

// POST the form to your aspx page
$.ajax({ 
    type: 'POST', 
    url: 'myFormProcessor.aspx', 
    data: queryString,
    // Upon a successful POST, successHandler will be called 
    success: successHandler 
});

// Add the new data to the grid
function successHandler(){

    // Clone the last row
    $('#myTable tr:last').clone(true).insertAfter('#myTable tr:last');

    // Here you could just break apart the query 
    // string you build in the above code
    // and use those values to change the values 
    // in the row you added to the grid

}

Убедитесь, что вы удалили строку запроса на странице aspx, а затем разбили ее по разделителям, которые вы используете. Я использовал '&' для разделения ключа / значения и запятых между переменными (входами).