Question

i m using Mvc Contrib grid to represent the data, now i want to whenever i click the edit column of the row the Edit view open in a jquery modal,

How can i open a View in Modal?

Thanks,

Saad Tahir

Answer 1

You should just use the link with Fancybox, or whichever modal plug-in you prefer. With fancybox, your column would look something like this:

column.For(item => ActionLink("Edit", "EditAction", "EditController",
    new { id = item.Id }, new { @class = "edit-link" });

And you should initialize, for instance, Fancybox, with a JavaScript block like this:

$(document).ready(function() {
    $('.edit-link').fancybox();
});

This would open ~/EditController/EditAction through ajax in a modal. Just remember that EditAction should return a partial view, since it is going to be loaded with ajax.