|
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
@Html.AntiForgeryToken()
<div>First Grid</div>
<ejs-grid id="Grid1" toolbarClick="toolbarClick" allowPaging="true" load="onLoad1" toolbar="@( new List<object>() {"Add","Update","Cancel", "Selected"})">
<e-data-manager url="/Index?handler=DataSource" adaptor="UrlAdaptor"></e-data-manager>
<e-grid-pageSettings pageCount="5" pageSize="5"></e-grid-pageSettings>
<e-grid-columns>
<e-grid-column type="checkbox" width="50"></e-grid-column>
. . .
</e-grid-columns>
</ejs-grid>
<script>
function onLoad1() {
this.dataSource.dataSource.headers = [{ 'XSRF-TOKEN': $("input:hidden[name='__RequestVerificationToken']").val() }];
}
function toolbarClick(e) {
console.log(e);
if (e.item.text == "Selected") {
var grid = document.getElementById("Grid1").ej2_instances[0];
var data = grid.getSelectedRecords();
$.ajax({
type: "POST",
url: "/Index?handler=Selected",
beforeSend: function (xhr) {
xhr.setRequestHeader("XSRF-TOKEN",
$('input:hidden[name="__RequestVerificationToken"]').val());
},
contentType: "application/json",
dataType: "json",
data: JSON.stringify({ dm: data }), //Pass the selected row index value to server side
success: function (response) {
console.log(response);
},
failure: function (response) {
alert(response);
}
});
}}
</script> | 
