I'm calling options.error() in my destroy function but the row is removed anyway. How to prevent that ?
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>Untitled</
title
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.rtl.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.default.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2018.1.221/styles/kendo.mobile.all.min.css"
>
<
script
src
=
"https://code.jquery.com/jquery-1.12.3.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2018.1.221/js/angular.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2018.1.221/js/jszip.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"
></
script
></
head
>
<
body
>
<
div
class
=
'grid'
><
div
>
<
script
>
$(".grid").kendoGrid({
editable:
{
mode: "inline",
confirmation: false
},
dataSource:
{
transport:
{
read: options =>
{
options.success([{test: "test", id: 1}]);
},
destroy: options =>{
options.error("error")
}
},
schema:
{
model:
{
id: "id"
}
}
},
columns:
[{
field: "test"
},
{
command: ["destroy"]
}]
})
</
script
>
</
body
>
</
html
>