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

Listview edit mode cancel button does not cancel

1 Answer 188 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
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>
<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>

1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 14 Aug 2015, 03:29 PM

Hello Chris,

 

Unfortunately, I'm not able to observe such issue locally using the provided information. Here is a test page which tries to re-create the described scenario. Please take a look maybe I'm missing something obvious. Also feel free to modify the test page as the issue to appear and send it back to us for further investigation.

 

Regards,
Rosen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ListView
Asked by
Chris
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or