On IE8 and IE7 Kendo UI Grid validation property is trying to validate even after setting its value to false. (The browsers IE9 / IE 10, Firefox, Chrome work just fine.)
My app is referencing to,
Following is the html and javascript in my app,
Thanks, any help is greatly appreciated!
My app is referencing to,
<
link
rel
=
"stylesheet"
href
=
"https://da7xgjtj801h2.cloudfront.net/2013.1.319/styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://da7xgjtj801h2.cloudfront.net/2013.1.319/styles/kendo.default.min.css"
>
<
script
type
=
"text/javascript"
src
=
"//code.jquery.com/jquery-1.9.1.min.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"https://da7xgjtj801h2.cloudfront.net/2013.1.319/js/kendo.web.min.js"
></
script
>
<
div
id
=
"grid"
></
div
>
<
script
type
=
"text/javascript"
>
$(function() {
$("#grid").kendoGrid({
dataSource: {
transport: {
read: "get.php?request=yes&getStoreEmployeeData",
update: {
url: "post.php?update=storeEmployee",
type: "POST"
},
create: {
url: "post.php?create=storeEmployee",
type: "POST"
},
destroy: {
url: "post.php?delete=storeEmployee",
type: "POST"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
schema: {
data: "storeEmployeeData",
total: "storeEmployeeDataCount",
model: {
id: "ID",
fields: {
Id: { type: "number", editable: false, nullable: true },
FirstName: { type: "string", nullable: true, editable: true, validation: { required: false} },
MiddleName: { type: "string", nullable: true, editable: true, validation: { required: false} },
LastName: { type: "string", nullable: true, editable: true, validation: { required: false} }
}
}
},
batch: true,
pageSize: 100
},
columns: [
{ field: "FirstName", title: "First Name", type: "string" },
{ field: "MiddleName", title: "Middle Name", type: "string" },
{ field: "LastName", title: "Last Name", type: "string" },
{ command: ["edit", "destroy"], title: " ", width: "200px" }
],
sortable: true,
editable: "inline",
toolbar: ["create"],
groupable: false,
columnMenu: false,
pageable: {
refresh: true,
pageSizes: [10, 20, 50, 100, 200, 300]
},
navigatable: false,
scrollable: false,
filterable: false,
reorderable: true,
resizable: false
});
});
</
script
>