I am trying to use the ListView edit mode with AngularJS. In the code snippet below, everything works with the exception of Cancel. Add, Edit, Delete, and Update are all fine. Cancel, however does not. When you hit cancel it accepts the current value in the edit box rather than revering it back to what it was before the edit.
<
div
kendo-list-view
=
"urlList"
k-data-source
=
"dataItem.OsmParams"
k-on-save
=
"urlList.refresh()"
k-editable
=
"true"
style
=
"height:300px; width:100%; min-width:490px;"
>
<
div
k-template
style
=
"display:flex; flex-direction: row; align-items:center; margin:5px;"
>
<
div
style
=
"display:inline-block;width:410px;word-wrap: break-word"
>{{ dataItem.Url }}</
div
>
<
a
class
=
"k-button k-button-icontext k-edit-button kendo-command-notext"
><
span
class
=
"k-icon k-edit"
></
span
></
a
>
<
a
class
=
"k-button k-button-icontext k-delete-button kendo-command-notext"
><
span
class
=
"k-icon k-delete"
></
span
></
a
>
</
div
>
<
div
k-edit-template
style
=
"display:flex; flex-direction: row; align-items:center; margin:5px;"
>
<
input
style
=
"width:410px;"
type
=
"text"
class
=
"k-textbox"
name
=
"Url"
required
=
"required"
validationMessage
=
"required"
/>
<
a
class
=
"k-button k-button-icontext k-update-button kendo-command-notext"
><
span
class
=
"k-icon k-update"
></
span
></
a
>
<
a
class
=
"k-button k-button-icontext k-cancel-button kendo-command-notext"
><
span
class
=
"k-icon k-cancel"
></
span
></
a
>
</
div
>
</
div
>
<
div
style
=
"width:100%; text-align: center"
>
<
a
style
=
"margin-top: 5px;"
class
=
"k-button k-button-icontext k-add-button"
ng-click
=
"urlList.add()"
><
span
class
=
"k-icon k-add"
></
span
>Add URL</
a
>
</
div
>