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

Bug in Grid related to navigatiable option

5 Answers 40 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Salim
Top achievements
Rank 1
Salim asked on 02 Nov 2016, 12:10 PM

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"

5 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 04 Nov 2016, 08:16 AM
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.
 
0
Salim
Top achievements
Rank 1
answered on 07 Nov 2016, 10:24 AM

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

0
Vladimir Iliev
Telerik team
answered on 08 Nov 2016, 08:41 AM
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.
 
0
Salim
Top achievements
Rank 1
answered on 08 Nov 2016, 08:54 AM

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)

0
Salim
Top achievements
Rank 1
answered on 08 Nov 2016, 09:06 AM

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

Tags
Grid
Asked by
Salim
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Salim
Top achievements
Rank 1
Share this question
or