How To Add Row at Bottom of Kendo Grid on Enter Keypress

[deshini]

0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:bhuybhub
0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code: vghv gh gh
0
down vote
favorite
We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to:

Tab between cells
Automatically advance to the next row when tabbing off the last cell in a row.
Automatically add a new row when tabbing off the last cell of the last row.
However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down votefavorite

We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to: Tab between cells Automatically advance to the next row when tabbing off the last cell in a row. Automatically add a new row when tabbing off the last cell of the last row. However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down votefavorite

We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to: Tab between cells Automatically advance to the next row when tabbing off the last cell in a row. Automatically add a new row when tabbing off the last cell of the last row. However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down votefavorite

We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to: Tab between cells Automatically advance to the next row when tabbing off the last cell in a row. Automatically add a new row when tabbing off the last cell of the last row. However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down votefavorite

We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to: Tab between cells Automatically advance to the next row when tabbing off the last cell in a row. Automatically add a new row when tabbing off the last cell of the last row. However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

0down votefavorite

We use Kendo Grid for heads down data entry in an accounting application. We need the grid to behave similar to QuickBooks. Specifically, users should be able to: Tab between cells Automatically advance to the next row when tabbing off the last cell in a row. Automatically add a new row when tabbing off the last cell of the last row. However, we're having difficulty achieving this behavior. The last cell on the last row does not get saved before adding a new row to the bottom of the grid. If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to tab through an extra, needless column which is unacceptable. The user needs to be able to enter and tab with new rows being added automatically. Here's the code:

[deshini]

We use Kendo Grid for data entry in an accounting application. we have four columns in grid. We need the grid to navigate to next input cell within the same row on enter keypress.

Move to next cell on  'enter' keypress

Automatically advance to the next row when pressing enter on the last cell in a row.

Automatically add a new row when pressing enter on the last cell in a row.

However, we're having difficulty achieving this behavior.

The last cell on the last row does not get saved before adding a new row to the bottom of the grid.

If, however, we add a bogus column as the last column the proper behavior is achieved, but you have to navigate through an extra, needless column which is unacceptable. The user needs to be able to navigate on enter with new rows being added automatically.

[Boyan Dimitrov]

Hello deshini,

What is the current logic for adding a new row when "enter" key is pressed when user is finished typing the last cell of the last row? If the input element is bound to the data item using MVVM the input's change event will update the model. Given this the change event of the input should be triggered before adding a new row.

Regards,
Boyan Dimitrov
Telerik