This is a migrated thread and some comments may be shown as answers.

Listview edit mode cancel button does not cancel

1 Answer 261 Views

ListView

This is a migrated thread and some comments may be shown as answers.

Chris asked on 12 Aug 2015, 05:37 PM

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 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>

Listview edit mode cancel button does not cancel

1 Answer, 1 is accepted