Show MVC3 View in JQuery Dialog

mvc3 view in a jquery dialog

Its possible to show an mvc3 view in a jQuery Dialog window. Suppose you have a listing of your
data displaying on your page and would like to show details for a particular record or id you would need to
call jQuery Dialog to load your view without having to go back and forth.
See below code which does exactly that

<link rel="stylesheet" href="" />
<script src=""></script>
<script src=""></script>

<script type="text/javascript">
$(function () {
autoOpen: false,
width: 600,
resizable: false,
title: 'My Account Details',
modal: true,
open: function (event, ui) {
//Load View

buttons: {
"Close": function () {

$('#my-button').click(function () {
<div id="dialog" title="Create Album" style="overflow: hidden;"></div>

Get Free Email Updates!

Signup now and receive free offers, discounts & coupon codes

I agree to have my personal information transfered to Mad Mimi ( more information )

I will never give away, trade or sell your email address. You can unsubscribe at any time.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.