I have an ASP.NET MVC application and it has a page that makes use of the KendoGrid:
$(function () {
$("#Grid").kendoGrid({
columns: [
{ "title": "Straat", "field": "Straat" },
{ "title": "Huisnummer", "field": "Huisnummer" },
{ "title": "Volledige Naam", "field": "VolledigeNaamKoperHuurder" },
{ "title": "Plaats", "field": "Plaats" },
{ "title": "Objectsoort", "field": "Objectsoort" },
{ "title": "Objectcode", "field": "Objectcode" }],
dataSource: {
transport: {
read: "/bouwobject/getbouwobjectenjson",
dataType: "json"
},
pageSize: 15
},
selectable: "row",
scrollable: false,
pageable: {
messages: {
display: "{0} - {1} van {2} items",
empty: "Geen items te tonen",
page: "Pagina",
of: "van {0}",
itemsPerPage: "items per pagina",
first: "Ga naar de eerste pagina",
previous: "Ga naar de laatste pagina",
next: "Ga naar de volgende pagina",
last: "Ga naar de laatste pagina",
refresh: "Verversen"
}
},
sortable: { mode: "single" },
filterable: {
messages: {
info: "Toon items met waarde", // sets the text on top of the filter menu
filter: "Filter", // sets the text for the "Filter" button
clear: "Opheffen", // sets the text for the "Clear" button
// when filtering boolean numbers
isTrue: "is waar", // sets the text for "isTrue" radio button
isFalse: "is onwaar", // sets the text for "isFalse" radio button
// changes the text of the "And" and "Or" of the filter menu
and: "En",
or: "Of"
},
operators: {
// filter menu for "string" type columns
string: {
eq: "Is gelijk aan",
neq: "Is ongelijk aan",
startswith: "Start met",
contains: "Bevat",
ncontains: "Bevat niet",
endswith: "Eindigt met"
},
// filter menu for "number" type columns
number: {
eq: "Is gelijk aan",
neq: "Is ongelijk aan",
gte: "Is groter dan of gelijk aan",
gt: "Is groter dan",
lte: "Is kleiner of gelijk aan",
lt: "Is kleiner dan"
},
// filter menu for "date" type columns
date: {
eq: "Is gelijk aan",
neq: "Is ongelijk aan",
gte: "Is na of op",
gt: "Is na",
lte: "Is op of voor",
lt: "Is voor"
},
// filter menu for foreign key values
enums: {
eq: "Is gelijk aan",
neq: "Is ongelijk aan"
}
}
},
groupable: {
messages: {
empty: " Verplaats de titel van een kolom hier naar toe om te groeperen op die kolom"
}
}
});
});
This grid is on a page where there is a button where the user can navigate to a new page. This page has a form, and once filled in and submitted stays on that page. The user then can click a button to go back to the page with the grid. Now, on my machine this grid is updated with some of the values the user just filled in the form. When deployed at the client, this does not happen. The use has to refresh the page with the grid for the values to come up.
What is happening?