HI,
I have one grid with respective filters
when i filter shipname values it's woking as expected.
right now my requirement is that when ever user closed browser and again try to open same page need to filter baed upon existing shipname filter values.
need to store shipname filter values locally
can you please help me
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://kendo.cdn.telerik.com/2020.1.114/js/angular.min.js"></script>
<script type="text/javascript" src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>
<script>
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: { url: "/Home/GetCustomers" },
},
schema: {
model: {
fields: {
City: { type: "string" },
Title: { type: "string" },
BirthDate: { type: "date" }
}
}
},
pageSize: 15
},
height: 550,
scrollable: true,
filterable: {
extra: false,
operators: {
string: {
startswith: "Starts with",
eq: "Is equal to",
neq: "Is not equal to"
}
}
},
pageable: true,
columns: [
{
title: "Name",
width: 160,
filterable: false,
template: "#=FirstName# #=LastName#"
},
{
field: "City",
width: 130,
//filterable: {
// ui: cityFilter
//}
},
{
field: "ShipName",
width: 120,
},
{
title: "Ship City",
width: 160,
filterable: false,
template: "#=ShipCity# #=ShipCity#"
},
]
});
});
</script>
</head>
<body>
<div id="example">
<div id="grid"></div>
</div>
</body>
</html>