Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Calling action through JQuery in MVC

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 308
    Comment on it

    In MVC projects you need to make AJAX call multiple times in your project .


    So for doing that you need to first include the Jquery file and its CSS into your view and into your project.


    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
    <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />



    After doing this you need to make sure that you have made a function for invoking the controller action.


    $(".lnkEdit").live("click", function (e) {
                var id = $(this).attr('id');
                 url = '@Url.Content("~/Home/_Edit")/' + id;
                $.get(url,function (result) {
                // e.preventDefault(); use this or return false
                $(".ui-dialog-title").html("Update User");
                return false;


       <a class="lnkEdit" id='@item.EmpId'>Edit</a>


    This will invoke the partial view named Edit in the Home controller.


            public ActionResult _Edit(int id = 0)
                EmpMod = new EmployeeModel();
                EmpMod.EmpId = id;
                EmpRep = new EmployeeRepository();
                EmpMod = EmpRep.EditDetails(EmpMod);
                return PartialView("_Edit", EmpMod);


 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: