Cloning Div mit Kendo-Eingaben

Ich habe eine Anwendung, mit der Benutzer Divs mit Kendo-Eingaben dynamisch erstellen können. Dazu habe ich ein Div, das mehrere Kendo-Eingänge enthält, die ich als eine Art Vorlage verwende. Wenn der Benutzer beschließt, der Seite einen Abschnitt hinzuzufügen, klone ich mein div mit jquery.clone (). In der Benutzeroberfläche sieht alles gut aus, aber da die kendo-Eingaben nur einmal in HTML initialisiert und dann kopiert werden, werden die Eingaben nicht neu erstellt, daher ist die ursprüngliche ID nicht eindeutig und die Eingaben sind nicht funktionsfähig.

Ich habe versucht, dies programmgesteuert zu beheben, indem ich

var $kendoInputs = $(".draggableContainer .k-input");
for (var j = 0; j < $kendoInputs.length; j++) {
    if ($($kendoInputs[j]).attr("id")) {
        var newid = "newid" + j;
        $($kendoInputs[j]).attr("id", newid).attr("name", newid);
    }
}

Da die Eingaben jedoch bereits initialisiert wurden, ist das Ändern der IDs an dieser Stelle nutzlos. Gibt es eine Möglichkeit, die ID eines Kendo-Eingangs zu ändern und anschließend neu zu erstellen?

Sorry für den langen Textblock und vielen Dank im Voraus

Antworten auf die Frage(2)

Ihre Antwort auf die Frage