[Solved] Kendo UI v2014.3.1119 issues with AngularJS v1.3.2

[Ajay]

Recently upgraded to kendo v2014.3.1119  from Kendo UI 2014.2.716 and are also using angular AngularJS v1.3.0-beta.6. Upon upgrade we saw few issues and upon reading some Angular release notes we found out that they have a new version AngularJS v1.3.2 which we upgraded and found out certain UI not functioning correctly.  This functionality worked correctly when used with Kendo UI 2014.2.716 & AngularJS v1.3.0-beta.6.

Is there any know incompatibility issues for the latest Kendo UI to work with latest angular (AngularJS v1.3.2)?

One of a prominent issue is with the
grid filter (filterable:
{mode:"row"}) and the filter text is template: statusDropDownFilter. The filter dropdown
does not get rendered with the data. The code below was written to do this. It worked
fine before the upgrade.

function statusDropDownFilter(container) {
                var statuses = [];
                var deferred = $q.defer();
                var promise = deferred.promise;

                clientLookupsSvc.getStatus().
                        then(function (data) {
                            statuses = data;
                            deferred.resolve(statuses);
                        }, function (error) {
                            // vm.gridErrors.push(error);
                        });

                $q.all(promise).then(function () {
                    deferred.resolve(statuses);
                    container.element.kendoDropDownList({
                        type: 'aspnetmvc-ajax',
                        valuePrimitive: true,
                        dataTextField: "DisplayName",
                        dataValueField: "Id",
                        dataSource: statuses,
                        autoBind: false
                    });
                });
            }

[Petur Subev]

Hello Ajay,

I posted a reply in the support thread that you opened on the same subject. Feel free to continue our conversation here or in the other thread.

Regards,
Petur Subev
Telerik

 

 

[Ajay]

Hello Petur,

One of the code that use to work before I upgraded, was getting the values of kendo multiselect visually it works but when I try to get the View Model it returns [object Object] instead of an Array which it use to not behave this way before. We are using declarative mark up in our widgets across the application.

I saw your example here at http://demos.telerik.com/kendo-ui/multiselect/angular and saw that I was using a declarative approach for my multiselect instead of the selected options. I created a dojo example and where you can see that the list shows the items as objects and when I select an item it displays as an object. My example can be found here at http://dojo.telerik.com/Ixaxe/36 Please tell me what I am doing wrong here.

I am using angular v1.3.0 version with the latest kendo upgrade.

Thanks
Ajay

[Petur Subev]

Hello Ajay,

Thank you for sending the Dojo.

The main problem is that the string values when defining them through the wrappers require the value to be inside quotes.

http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-options-in-html

Here is fixed version:

http://dojo.telerik.com/@pesho/AMIra

Also you do not need to prefix everything with "data-", you can use just "k-".

Same explained here:

http://docs.telerik.com/kendo-ui/AngularJS/introduction

Kind Regards,
Petur Subev
Telerik