Listview edit mode cancel button does not cancel

2 posts, 0 answers
  1. Chris
    Chris avatar
    30 posts
    Member since:
    Oct 2010

    Posted 12 Aug 2015 Link to this post

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

  2. Rosen
    Rosen avatar
    3253 posts

    Posted 14 Aug 2015 Link to this post

    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.


    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top