Hi,

        In our MVC application we are using bootstrap components. Using them we have designed a main view with multiple div's which gets slide on click of their corresponding buttons using LiquidSlider.bootstrap plugin.

Now in that each div we are rendering partial views .Each Partial view using @ajax.Beginform  to submit back .The problem is after submitting my partial view is not getting refreshed, and I am not able to call Onsuccess javascript function ,It is not at all getting triggered.
 
Don't know whether our approach is correct or not. Please help me in finding out a way to accomplish this task
 
My main view is
 

<div class="container">

<div class="liquid-slider" id="main-slider">

<div>

<div class="user_icon_div">

div>

<h2 class="title" style="display: none">

Usersh2>

<div class="slide_content">

<div class="slider_header">

<div class="slider_header_txt">

Usersdiv>

<div class="slider_search">

<div>

Userdiv>

<div>

<input type="text" />

<button class="md-trigger" data-modal="modal-1">

UserSearchbutton>div>

div>

div>

<div id="divUser" class="slide_content_body">

@{Html.RenderAction("UserPartial");}

div>

div>

div>

<div>

<div class="sec_icon_div">

div>

<h2 class="title" style="display: none">

Securityh2>

@{Html.RenderAction("security");}

div>

 
My Partial view is
 

<script type="text/javascript">

function getMsg() {

alert("hi");

$("#lblMsg").Text("Created User Successfully");

}

//jQuery(function ($) { $('.datepicker').datepicker(); });

script>

@using (Ajax.BeginForm("UserPartial", "Admin", new AjaxOptions

{

InsertionMode = InsertionMode.Replace,

HttpMethod = "POST",

}, new { @id = "updateuserform", OnSuccess = "getMsg()" }))

{

<div class="section_div1">

<div id="teamDummy" style="display: none;">

Family Name:

@Html.TextBoxFor(model => model.FirstName)

@Html.ValidationMessageFor(model => model.FirstName)

Given Name:

@Html.TextBoxFor(model => model.LastName)

@Html.ValidationMessageFor(model => model.LastName)

MI:

@Html.TextBoxFor(model => model.MI)

@Html.ValidationMessageFor(model => model.MI)

DOB:

@*@Html.TextBoxFor(model => model.DOB)*@

Gender:

@{

List<SelectListItem> Gender = new List<SelectListItem>();

Gender.Add(new SelectListItem { Text = "Male", Value = "1" });

Gender.Add(new SelectListItem { Text = "Female", Value = "2" });

}

@Html.DropDownListFor(model => model.Gender, Gender, "-- Select --", new Dictionary<string, object> { { "class", "dropdown" }, { "data-settings", "{\"wrapperClass\":\"flat\"}" } })

Marital Status:

@{ List<SelectListItem> MaritalStatus = new List<SelectListItem>();

MaritalStatus.Add(new SelectListItem { Text = "Single", Value = "1" });

MaritalStatus.Add(new SelectListItem { Text = "Married", Value = "2" });

}

@Html.DropDownListFor(model => model.MaritalStatus, MaritalStatus, "-- Select --", new Dictionary<string, object> { { "class", "dropdown" }, { "data-settings", "{\"wrapperClass\":\"flat\"}" } })

Degree:

@Html.TextBoxFor(model => model.Degree)

@Html.ValidationMessageFor(model => model.Degree)

License:

@Html.TextBoxFor(model => model.License)

@Html.ValidationMessageFor(model => model.License)

...

Email:

@Html.TextBoxFor(model => model.EmailID)

@Html.ValidationMessageFor(model => model.EmailID)

Fax:

@Html.TextBoxFor(model => model.Fax)

@Html.ValidationMessageFor(model => model.Fax)