How do i send the data to edit boxes on the same page?

Question

i have the following page generated

when i click the Edit link, the record data must be sent to the input boxes on teh same page (without refreshing the pa

Answer 1

Give you 'Edit' link a class name (say) class="edit" and handle its .click() event to update the form controls

$('.edit').click(function() {
  var cells = $(this).closest('tr').children('td');
  $('#Code').val(cells.eq(0).text());
  $('#ProdName').val(cells.eq(1).text());
  return false; // cancel the default redirect
});

Side note: You could just replace the ActionLink() code with <a href="#" class="edit">Edit</a> and the return false; line is not necessary.

Answer 2

write script for ajax call:

$('#edit').click(function () {
         // var data = {here you will pass item.id }
        $.ajax({
            url:'ProductCategoryController/Edit', 
            data: {id : data}
            method:'GET',
            success: function (data) { 
                   //clear html page here
                   //reload html page by passing 'data' passes in function
             //e.g. suppose html page id is 'xyz' then $("#xyz").html(data)
                  }
        });

    });