redirect grid data to another page in kendo mvc using ajax post
in view
when we click on edit button it will go to another view with
its row id.
columns.Command(command => command.Custom("Edit").Click("editDetails")).Width(120);
<script type="text/javascript">
//......................<Edit>............
function editDetails(e) {
debugger
var dataItem = this.dataItem($(e.target).closest("tr"));
var id = dataItem.CompetitorId;
location.href = "@Url.Action("", "Controllername/viewname")?Id="+id
}
</script>
Another view page
In view
<script>
$(document).ready(function () {
debugger
var baseUrl =
(window.location).href; // You can also use
document.URL
var koopId =
baseUrl.substring(baseUrl.lastIndexOf('=') + 1);
$.ajax({
//type: "GET",
type: 'POST',
url: "/Crm_Competitor/GetDetailById",
data: {
id: koopId },
// contentType:
"application/json;charset=utf-8",
dataType: "json",
success:
function (data)
{
debugger;
document.getElementById("CompetitorId").value = data.CompetitorId;
},
});
});
</script>
In controller
public ActionResult GetDetailById([DataSourceRequest]DataSourceRequest req,int id)
{
try
{
Detail = new CompetitorDetail();
var request = new RestRequest("api/CompetitorDetail/" + id, Method.GET) { RequestFormat = DataFormat.Json };
var response = _client.Execute<List<CompetitorDetail>>(request);
if (response.Data == null)
throw new Exception(response.ErrorMessage);
return Json(response.Data.ToList()[0]);
}
catch (Exception ex)
{
return Json(ex.Message);
}
}
