asp mvc: show object details on a jquery dialog

Hi,

Suppose I have a list of dinners. This list will present the users with, location, data and some other relevant info.

Since that there's a lot of people attending, I want a button on each dinner that opens a jquery dialog that will show the people that will attend.

What I accomplish until now:

On each dinner on the list I have the following label

<label class="falselink" id="<%= Html.Encode(item.Id) %>">show attendence</label>

I also have this script to open the dialog when someone clicks the label:

<script type="text/javascript">
$(function() {
    $('#dialog').dialog({
        autoOpen: false,
        title: 'Attendence',
        modal: true
    });


    $('.falselink').click(function() {
        $('#dialog').dialog('open');
        return false;
    });
});
</script>

I also have the following div that contains the dialog

<div id="dialog" >
    <% Html.RenderAction("DinnerAttendence", new { id = 3 }); %>
</div>

If i follow the URL http://localhost/Dinner/DinnerAttendence/3 this works, In fact, if I press the link it will show me the dialog with the people attending dinner 3.

My only problem is how i pass the dinner Id to the RenderAction RouteValue?

Thanks for your help

ansaurus

tags:

views:

answers:

asp mvc: show object details on a jquery dialog

related questions