Question

Here’s my problem:

I have do create a menu/list of actions (which would be easier if made with a control that accepts a DataSource, like listview or even Gridview with templated collumns).

Each of this actions need a specific form to be exectuted, and I’ve already created all these forms in separated aspx pages.

The question is: what would be the best way to load these pages/forms inside a div when I select any action in the list, without making a page refresh or using iframes?

Answer 1

Use jQuery (as I’ve understood your actions are links to your forms):

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $.get(url, function(response) {
            $('div#yourDivForForm').html(response);
        });
    });
});

or

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $('div#yourDivForForm').load(url);
    });
});

ADDED:

If you are returning “full” ASPX pages with forms:

$(document).ready(function() {
    $('a.yourActionClass').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        $.get(url, function(response) {
            var page = $(response);
            var form = $('form', page);
            $('div#yourDivForForm').prepend(form);
        });
    });
});