Bug in Grid related to navigatiable option

6 posts, 0 answers
  1. Salim
    Salim avatar
    29 posts
    Member since:
    Jun 2016

    Posted 02 Nov Link to this post

    When I set the navigatable option to true in the below example:

    http://dojo.telerik.com/apOGE

    When the user does the following scenario:

    1. Click "Add new record"

    2. Enter a value in the name (without navigating outside the text)

    3. Sort any column

    The value entered is not saved. This bug does not occur if the "navigatable" option is set to "false"

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 04 Nov Link to this post

    Hi Salim,

    You can achieve the desired behavior by using the "dataBinding" event of the Grid to prevent the rebinding until the editor is closed (or the editor is closed). For your convenience I created small demo which you can use as starting point to achieve the desired behavior:

    Regards,
    Vladimir Iliev
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  3. Kendo UI is VS 2017 Ready
  4. Salim
    Salim avatar
    29 posts
    Member since:
    Jun 2016

    Posted 07 Nov in reply to Vladimir Iliev Link to this post

    Hi Vladimir,

    Why should I stop the sorting? This is a wrong behavior in the grid. Please check my example after applying your suggestion:

    http://dojo.telerik.com/apOGE/4

    Thank you in advance.

    Regards,

    Salim

  5. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 08 Nov Link to this post

    Hello Salim,

    Please note that the previous example is intended to be used only as a starting point to achieve the desired behavior. You can simply extend it by triggering the "blur" event of the editor after preventing the "dataBinding"  event of the Grid:


    Regards,
    Vladimir Iliev
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  6. Salim
    Salim avatar
    29 posts
    Member since:
    Jun 2016

    Posted 08 Nov in reply to Vladimir Iliev Link to this post

    Thanks Vladimir. But it contains some bugs:

    1. Click on "Add new record" >> Enter in the name: "ZZZZ" >> Sort name : It is not sorting

    2. Sort desc by name >> Click on "Add new record": it comes at the end and not at the beginning (probably this is another bug not related to your solution)

  7. Salim
    Salim avatar
    29 posts
    Member since:
    Jun 2016

    Posted 08 Nov in reply to Salim Link to this post

    Thanks Vladimir for your help. I have tweaked your code. I added the code that triggers blur in the "sort" event, and it worked. You can check the code below:

    http://dojo.telerik.com/apOGE/9

    But the second problem remains, I will open it in a seperate forum

Back to Top
Kendo UI is VS 2017 Ready