Questions on Kendo UI for Angular Forum

7 answers

2.3K+ views

kendo ui, asp.net core DataSourceRequest web api, swagger generation

How do you properly generate a swagger based Angular client for Kendo UI asp.net core project with a simple web api controller and DataSourceRequest?

Swagger is obviously a very popular and important technology for development of web applications. Essentially how would you modify the sample project https://www.telerik.com/kendo-angular-ui/components/dataquery/mvc-integration/ so that you could properly generate a swagger client for the FetchDataComponent instead of having to manually code it in as the example does?

I tried to generate a client using ng-swagger-gen (https://www.npmjs.com/package/ng-swagger-gen) and the client generates properly. The problem is the API call it generates has a mock javascript DataSourceRequest object as its input parameter but that is not compatible to the query string format that telerik asp.net core controller is actually expecting.

thank you

General Discussions

updated answer on 19 Apr 2022

11 answers

1.8K+ views

[Solved] Standard component based on Kendo grid

Hi,
We are several developers in our group and using k-grid in our forms. We need to follow some standards for our grids both in appearance and behavior. I am trying make a component based on the grid with predefined options. The grid works fine but I can't add the column using ng-content.

My component <a-grid>

<kendo-grid

[data]="data" [resizable]="resizable" [pageable]="pageable" [pageSize]="state.take" [skip]="state.skip" [sortable]="{allowUnsort: true}" [sort]="sort" (sortChange)="sortChange($event)" (pageChange)="pageChange($event)" [skip]="0" [filter]="state.filter"

filterable="menu" (dataStateChange)="dataStateChange($event)" class="grid">

<ng-content></ng-content>

</kendo-grid>

Usage:

<a-grid [data]="gridView" [excelFilename]="getFilename()">

<kendo-grid-column a-col field="Anst_ID" title="Anst ID" *ngIf="showID">

<ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">

<kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">

</kendo-grid-string-filter-menu>

</ng-template>

</kendo-grid-column>

<kendo-grid-column field="Anstnr" title="Anstnr">

<ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">

<kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">

</kendo-grid-string-filter-menu>

</ng-template>

</kendo-grid-column>

<kendo-grid-column field="EfterFornamn" title="Namn">

<ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">

<kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService" [extra]="false" operator="contains">

</kendo-grid-string-filter-menu>

</ng-template>

<ng-template kendoGridCellTemplate let-dataItem>

{{dataItem.EfterFornamn}}

</ng-template>

</kendo-grid-column>

</a-grid>

On the next step I am going to do the same thing for column component. How is it possible?

Regards,

/Pouya

General Discussions

updated answer on 18 Apr 2022

1 answer

163 views

Problem whit tree list

Hi everyone I have a problem with the treelist in practice by inserting a node it generates an alphanumeric guid id, I need instead to generate a numeric id, do you have a solution?

TreeList

answered on 18 Apr 2022

1 answer

1.9K+ views

Cells merge feature

Hi,

Is there currently a way to merge the adjacent cells together if they have the same text content?

If not, will it be planned at some point?

Best regards

Ahmad Al Edlbi

Grid

TreeList

updated answer on 15 Apr 2022

0 answers

175 views

How to apply tooltip to legend?

I want to apply tooltip to legend

If possible tooltip content I can write

please....... help me

Charts

Tooltip

asked on 15 Apr 2022

1 answer

209 views

[Solved] MultiSelect with virtual remote scrolling possible?

Is it possible to use multiselect with remote data with server side filtering? I wasn't sure if there was some state object associated with the multiselect that can be used to achieve this. I know remote virtual scrolling with filtering is posible with the Grid. I've used it in the past. But wasn't sure if this could be done with a multiselect.

MultiSelect

answered on 14 Apr 2022

0 answers

141 views

gradient color

Hello,

I'm trying to create chart with kendo ui for angular, And I didn't find how to create a linear gradient color (linear-gradient(#85bdff, #2d74ff)) for my chart, I found only for jquery.

Is it possible to do that?

https://stackblitz.com/edit/tv7sz4--run?file=app/app.component.ts

ColorGradient

asked on 14 Apr 2022

0 answers

161 views

Adding Filter to TreeList with remote binding

Hi,

how can I add a filter on the first example in this page https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/remote-data/ ?

Thanks

Francesco

TreeList

asked on 13 Apr 2022

1 answer

190 views

Drag and Drop node from one treeview to other treeview located in different component

Hello Team,

I have furnishing treeview in one componet and maintainance treeview in other componet.

I want to drag and drop element form Maintaiance treeview to furnishing.

But it is not working.

code sample:

https://stackblitz.com/edit/angular-oa3rmq?file=app/app.component.ts

Please let me know how to acheive this.

thank you

TreeView

answered on 13 Apr 2022

1 answer

161 views

Multi checker menu filtering is not working in grid filter

Multi checker component as per this https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/ is not working as expected. The element is not getting selected if the list of items are more but on selecting again its getting checked. Can you please check and let us know how to solve this

Grid

answered on 13 Apr 2022