Hi Dimitris,

Here is the code example I believe will help you do what you need to do. 

The changes made vs the previous Dojo are as it follows:

• The initial DropDownLists have their own Id-s and are separately initialized on $(document).ready() event
• This is what happens on click on "Clone" button:
  • There are 2 new variables holding the currentRowIndex and the current rowCount
  • Other 2 variables hold the data of the DropDownLists which are part of the selected for cloning row
  • Each of the new DropDownLists gets their own unique element id and copy the value from the parent they clone
  • The two DropDownLists are being added as a new row at the end of the table 

Hope the above covers the scenario you are trying to achieve.  

Regards,
Petar
Progress Telerik

Hello, Dimitris.

The provided example clones your initial DropDownList but it doesn't initialize a new Kendo UI DropDownList. To achieve what you want, you must initialize every new DropDownList like you do on $(document).ready() event in your code. Here is a short edit of your code which demonstrates what you want to do. 

In case you have any further questions – please do not hesitate to contact us.

Regards,

Petar
Progress Telerik