We've been working on a project since last 3 years. We are using Angular 1.2.6 and Kendo 2014 Version UI. Now as performance need, we wanted to migrate to Angular 1.6 and Kendo 2017 Version UI. Here we are getting the below Issues While Up-gradation.
We are using Kendo Controls With ID as follows.
select id='ddlDDLID_{{GUIDVaraible}}' kendo-drop-down-list
so we are using GUID with expression id of kendo drop down list. After Upgrading to latest version we are not getting replacing GUIDVaraible from controller. it is remaining same as string varaible of expression 'ddlDDLID_{{GUIDVaraible}}'
Please Help !!!
With regards to the first question, in Q2 2015 Kendo team introduced a breaking change in the widget initialization, which now happens synchronously, unlike before which was async. More details can be found in their documentation:
In short, you will need to refrain from using HTML attributes that contains "{{ }}" Angular template. The solution is to build a custom directive with higher priority that will evaluate the template before the Kendo widget is initialized.
As to the second question, the selection behavior of the component was changed in Q1 2015 to match better how HTML Select works. More details and possible workaround is again properly documented in the Breaking Changes section:
<input id="dropdownlist" />
<script>
var widget = $("#dropdownlist").kendoDropDownList({
dataSource: ["foo1", "foo2"]
});
widget.value(""); //this will clear selection
if (widget.select() == -1) { //if value does not exist, select first one
widget.select(0);
}
</script>
Check the DropDownList section for more details.