Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: MVC3
I am new to asp.net MVC3. i gave partial view for edit. I want partial view to modal popup instead of displaying in new page. please give me any idea. please provide some example code.
 
thanks and regards
sreekanth
Posted 3-Aug-12 6:56am
sree561.1K

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Here, have a look: load partial view in to a modal popup[^]
 
Sample, Controller:
public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
 
    public ActionResult Modal()
    {
        return PartialView();
    }
}
then a Modal.cshtml partial that will contain the partial markup that you want to display in the modal:
<div>This is the partial view</div>
and an Index.cshtml view containing the button which will show the partial into a modal when clicked:
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('.modal').click(function () {
            $('<div />').appendTo('body').dialog({
                close: function (event, ui) {
                    dialog.remove();
                },
                modal: true
            }).load(this.href, {});
 
            return false;            
        });
    });
</script>
 
@Html.ActionLink("show modal", "modal", null, new { @class = "modal" })
 
Try!
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Maciej Los 495
1 Sergey Alexandrovich Kryukov 429
2 OriginalGriff 360
3 CHill60 280
4 Sascha Lefévre 269
0 Sergey Alexandrovich Kryukov 10,017
1 OriginalGriff 9,495
2 Peter Leow 5,241
3 Kornfeld Eliyahu Peter 3,373
4 Maciej Los 3,076


Advertise | Privacy | Mobile
Web04 | 2.8.150327.1 | Last Updated 3 Aug 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100