Telerik Forums
Kendo UI Integration Forum
1 answer
149 views

i have upgrade kendo files to the Ver:2016 R2 from Ver:2013, it giving error 'Error: Unable to get value of the property 'removeClass("k-state-expanded")': object is null or undefined' when i have bind grid from empty Array on client side.
this error was not coming in ver:2013 & the following above mentioned class was not present in this version. i am using trial version.

 

Any help would be appreciated 

 

Stefan
Telerik team
 answered on 07 Mar 2017
4 answers
389 views

How would you declare an ObservableArray in a TypeScript interface?

I would like to define interfaces for the json data that is going between the web app and the server.

Thanks

-marc

Boyan Dimitrov
Telerik team
 answered on 15 Feb 2017
3 answers
216 views

Hi,

I have a TabStrip and in one Tab is a Grid. At the beginning the Grid is looking good. But afer changing to another tab and back the paging buttons are looking weird.

This happens in the IE and Edge but not in Firefox. Firefox is unfortunately not the Standard browser in my Company.

 

 

 

Alexander
Top achievements
Rank 1
 answered on 15 Feb 2017
5 answers
1.0K+ views

I reproduce my question in this demo: http://jsbin.com/yoxepe/edit?html,console,output

The <span ng-bind="text"> inside KendoWindow is bound to main scope's text property.  We can change <input ng-model="text"> and see the text of button changing too.  I use these code to get the scopes behind both <span> and <input>, but the scope() result of span inside KendowWindow return undefined.  

$scope.test = function() {
    console.log('angular.element("#spnBtnText").length=' + angular.element("#btnTest").length);
    console.log(angular.element("#spnBtnText").scope());
    console.log('angular.element("#txtTest").length=' + angular.element("#spnTest").length);
    console.log(angular.element("#txtTest").scope());
};

 

result:

"angular.element(\"#spnBtnText\").length=1"
undefined
"angular.element(\"#txtTest\").length=0"
[object Object] {
  $$applyAsyncQueue: [],
  $$asyncQueue: [],
  $$childHead: null ....

 

Why angular.element().scope() doesn't work inside KendoWindow?

Jeffrey
Top achievements
Rank 1
 answered on 04 Feb 2017
5 answers
372 views

I would like to be able to do custom server side filtering based on the text that the user types into the combobox instead of only relying on oData filtering.

(I'm currently using web api with odata)

Is there any way to get the text from the combox in angular.

I've tried setting ng-model to a scope var, but it only changes when the selected item is changed, not when user types something.

 

Can something like this be done?:

read: {
         url: "/api/Items/searchItemThumbs", // <-- Get data from here.
         dataType: "json", // <-- The default was "jsonp".
         data: { text: $scope.comboText }
},

 

Stefan
Telerik team
 answered on 21 Dec 2016
3 answers
133 views
Hello

We are in the process of implementing Kendo UI for Angular2 and using chart of series type Donut and Bar (pills) in my web application  in Angular2.

I want to know how I control the speed of animation (dramatically slow it down) while populating the chart with data. Is there any way to make the charts animate more slowly (like a chart animation speed/duration)? When loading a single chart on a webpage,  we would like it to be slower so the user can actually see the donut / Bar being populated

Is it possible to get some working demo or API Reference with example which demonstrate how to control animation speed.

We are currently using currently:
Kendo UI   : (2016 R3)
Kendo UI (charts) : "@progress/kendo-angular-charts": "^0.10.3",
Angualr 2:    "@angular/core": "2.2.4",

Regards
Kiril Nikolov
Telerik team
 answered on 12 Dec 2016
1 answer
98 views

Hello,

I am forced to use AngularJs Version 1.5.8 because of Angular Material compatibility. Kendo is delivered with angular version 1.4.6. 
When using kendo with AngularJs 1.5.8 I have a compatibility problem with the ObservablyArray and ng-repeat. Everything seems to work well except with an empty array. If the array is empty ng-repeat produces 3 empty rows when applied to a list as in the following code. With the older angular version 1.4.6 which comes with kendo that does not happen. Is it recommended at all to use angular version 1.5.8 with kendo? What can I do if I need both AngularJS and Angular Material in my kendo application and henceforth the latest angular version?

<body ng-app="myApp" ng-controller="myController">    
  <ul>
    <li ng-repeat="t in testArr">{{t.x}} : {{t.y}}</li>
  </ul>

  <script>
      angular.module('myApp',['kendo.directives']).controller('myController', ($scope)=>{
          $scope.testArr = new kendo.data.ObservableArray([]);
      });
  </script>
</body>

Stefan
Telerik team
 answered on 02 Dec 2016
1 answer
258 views
I am using Angular 1.5.* together with Kendo UI.  I am following the documentation and have completed all the recommended steps found on the Telerik site:

1.  Including the kendo scripts and styles
2.  Adding kendo.directives to my angular module
3.  Using the kendo-[directive] syntax in the markup

Everything renders fine, but when I try to interact with the widgets I am getting the following error:
**Uncaught TypeError: f.getClientRects is not a function(…)**

This is what my markup looks like:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <input kendo-date-picker ng-model="model.user.dob" />

<!-- end snippet -->

The same error happens when I try to use a drop down list defined as:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <select kendo-drop-down-list k-data-source="model.languages" ng-model="model.user.language"></select>

<!-- end snippet -->

I have used Kendo for years, but for the first time, I am using it together with Angular and feel a little lost :)

What am I missing?  Any help would be greatly appreciated.

Thank you
Petyo
Telerik team
 answered on 14 Nov 2016
5 answers
98 views

Is there an angular example of the JS "Edit Kendo UI Grid records using an external form" example from the documentation?

 I have not been able to figure out how to get the grid over edit form to work in angular or how to translate some of the things from that example.  All attempts to reference the .one method in the sample it throws errors that it cannot be found.

 Any help would be greatly appreciated

Boyan Dimitrov
Telerik team
 answered on 09 Nov 2016
3 answers
72 views

Hi, I am new to Kendo and I want to integrate iscroll feature in Kendo. can u plz help me in implementing.

For reference, http://iscrolljs.com/

Thanks in advance.

 

Dimo
Telerik team
 answered on 25 Oct 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?