trjhtr

Please suggest a good way of submitting the partial view form after submit. Currently, I am doing it in this way which I think is not a proper way.

As there are more than one records in the main view and every record has a select button which gives me partial view based Id and <div id="Partial"></div> displays the partial view.

Main View

<table id="tblInfo" >
 <tr>
 <th>@Html.DisplayNameFor(m =>m.Name)</th>
 </tr>
 @foreach (var item in Model)
 
 <tr>
 <td>@Html.DisplayFor(modelItem => item.Name)</td>
 <td>
 <input class="search" type="button" value="Select" data-assigned="@item.Id" />
 </td>
 </tr> 
 
</table>

<div id="Partial"></div>

Partial view _Abc.cshtml

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new id = "myform" ))

 @Html.TextBoxFor(m => m.txtAddress)
 <button type="submit">Page</button> 

Controller to submit the partial view form

[HttpPost]
public ActionResult Index(ClsInfo clsInfo)

 string Id = Session["Id"].ToString();
 Details.produceData(clsInfo);
 if (Id == "A01")
 
 return PartialView("~/Views/Home/_Abc.cshtml");
 
 else if (Id == "A02")
 
 return PartialView("~/Views/Home/_Cde.cshtml", model);
 
 return PartialView(); 

Ajax call after submission

$(document).ready(function () 
 var url = '@Url.Action("Home")';
 $('#Partial').on('submit', '#myform', (function () 
 if (!$(this).valid()) 
 return;
 
 $.post(url, $(this).serialize(), function (response) 
 $('#Partial').html(response);
 );
 return false;
 ))
);