Telerik Forums
Kendo UI for Angular Forum
4 answers
1.4K+ views

Hello,

I would like to know if there is an easy way to bind Angular Grid to ASP.NET Core OData controller. What do I mean by easy ?

Well, in Kendo UI for jQuery all we need to do is to specify a 'type' and 'transport' properties in DataSource object; reference: https://demos.telerik.com/kendo-ui/grid/odatav4 

Same applies for Kendo for ASP.NET MVC; reference: https://demos.telerik.com/aspnet-mvc/grid/odata

However, I think that I have already went through whole documentation and I cant find a way to bind OData service with Kendo Angular Grid in the similar way.

This page contains some information about Grid Data Binding: https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/

...however, 'northwind.service.ts' file which expose ProductService class contains two methods and it looks like they perform some sort of 'hardcoded' OData filtering.

In the "Integration with UI for ASP.NET Core" page (https://www.telerik.com/kendo-angular-ui/components/dataquery/mvc-integration/) there is a link to this project: https://github.com/telerik/kendo-angular-demo-aspnetcore-data/tree/master , however ASP.NET Core Controller which serve as a backend is not based on ODataController and does not return JsonResult. Maybe there's a way to change backend implementation, however I'm not sure if everything will work properly using provided client-side code.

I also found this GitHub repo: https://github.com/urfnet/URF.Core.Sample , which looks very promising, there's a dedicated 'service' which seems to handle all http actions (GET,POST,PUT..) and looks very 'resuable'.

 

Am I missing something or is there no easy way ? Do I really need to write my own service to handle Kendo Angular Grid and ASP.NET Core Odata communication ?

 

(I'm using ASP.NET Core 2.1, latest Kendo Angular and OData package which is described in this article: https://blogs.msdn.microsoft.com/odatateam/2018/07/03/asp-net-core-odata-now-available/ )

Augusto
Top achievements
Rank 2
 answered on 24 Jan 2019
1 answer
1.2K+ views

Getting an error during install via 'ng add @progress/kendo-angular-editor':

 

File node_modules/@progress/kendo-angular-/package.json does not exist.

 

Here is the ng add trace:

 

ng add @progress/kendo-angular-editor

Installing packages for tooling via npm.
npm WARN @ngtools/webpack@7.1.4 requires a peer of typescript@>=2.4.0 < 3.2 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/common@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/core@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @angular/forms@4 - 6 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @progress/kendo-angular-dialog@^3.9.0 but none is installed. You must install peer dependencies yourself.
npm WARN @progress/kendo-angular-editor@0.2.0 requires a peer of @progress/kendo-angular-toolbar@^0.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ @progress/kendo-angular-editor@0.2.0
added 15 packages from 2 contributors and audited 40334 packages in 15.286s
found 1 high severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details
Installed packages for tooling via npm.
File node_modules/@progress/kendo-angular-/package.json does not exist.

Dimiter Topalov
Telerik team
 answered on 22 Jan 2019
6 answers
256 views

Is it possible to use the Kendo UI QrCode for asp.net core (https://demos.telerik.com/aspnet-core/qrcode/index) in Angular ?

we really need a QrCode Generator in our website using Kendo UI for Angular. 

 

Thanks.

Hernando
Top achievements
Rank 1
Iron
Iron
 answered on 18 Jan 2019
4 answers
226 views

Are there any variables to use to show the date value?

Paul
Top achievements
Rank 1
 answered on 18 Jan 2019
1 answer
434 views

Hello,

I am generating combo boxes in my panelbar items programatically. I have 9 panelbar items in my panelbar, each with a title and two combo boxes.

I've been noticing that some of the combo boxes do not display any value and the down arrow is not there either. When I open and close a certain panelbar item, it causes the values to appear in another item's combo box. I know I'm providing values to display so I'm not sure what is going on.

When I jump to the corresponding panelbar item from another page, the combobox has the values, but then when I close it and open again, the values are gone.

Also, I see this problem only in some panelbar items and they are always the same ones.

Please help me identify the problem here.

Thanks,

Carla

 

Dimiter Topalov
Telerik team
 answered on 16 Jan 2019
2 answers
118 views
I am looking to group my autocomplete results displayed to the users. I see this is available in other versions of KendoUI (https://demos.telerik.com/kendo-ui/autocomplete/grouping) but I have not been able to figure out how to do so with the Angular component. Is this possible?
Brenden
Top achievements
Rank 1
 answered on 14 Jan 2019
1 answer
108 views

Hi,

we are facing performance issue in IE for scheduler, when we are trying to load data in scheduler , scheduler get load slower in IE 10+ compare to chrome.

Please let us know, is scheduler performance slower in IE compare to chrome?

Thanks.

Svet
Telerik team
 answered on 09 Jan 2019
3 answers
939 views

Hello, 

i'm using kendo Grid and kendo poup to show message when cell are invalid

but when i'm in the last row of the grid the popup is not shown because the popup is rendered inside the grid content container

so i was thinking is there a way to render the popup in the body without using the popup service 

this is how my template look like : 

 <ng-template kendoGridEditTemplate
                     let-dataItem="dataItem"
                     let-formGroup="formGroup"
                     let-rowIndex="rowIndex"
                     *ngIf="column.isEditable">

<span>
            <ng-container >
              <input #input class="k-textbox" [formControl]="formGroup.get(column.field)" (focusout)="tryCommitEditor()">
              <kendo-popup [anchor]="input"
                           *ngIf="formGroup.get(column.field).invalid"
                           popupClass="k-widget k-tooltip k-tooltip-validation k-invalid-msg"
                           >

                <span *ngIf="formGroup.get(column.field).errors?.required" class="cell-warning">required</span>
                <span *ngIf="formGroup.get(column.field).errors?.minlength" class="cell-warning">min length</span>
                <span *ngIf="formGroup.get(column.field).errors?.maxlength" class="cell-warning">max length</span>
              </kendo-popup>
            </ng-container>

</span>

</ng-template>

can you please help me with this or suggest another approach to do this 

 

Thank you 

 

 

Svet
Telerik team
 answered on 03 Jan 2019
1 answer
193 views

Hi,

We are using Kendo UI controls for Angular and noticed that when the DOM is very big, some controls (like datepicker) perform poorly in IE11.

Some controls have an API that allows disabling animation but I wonder if there is away to disable animation globally (for example by overriding the animation classes and disabling the transition attributes).

I tried to do this, but the animations still work.

Thanks in advance for any help,

Shai.

Svet
Telerik team
 answered on 01 Jan 2019
2 answers
309 views
Is there any way to select multiple cells in the grid. Similar to "multiple, cell" selection in "Kendo UI for jQuery" grid -  https://demos.telerik.com/kendo-ui/grid/selection
Dinakar
Top achievements
Rank 1
 answered on 01 Jan 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?