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

Hi, 
I need to customize the MultiViewCalendar for angular to have two months vertically for select two dates ranges. The main reason is to use a date picker in this way is to allow users to select a date range and see it and highlighted range.
The expected way of the MultiViewCalendar is like this,

• The user clicks on the text box and it will open the MultiViewCalendar.
• MultiViewCalendar will show two near two months.

When the user selects a date from the first calendar it should highlight the start date and when the user selects the second month it should highlight the end date and whole selected range. This we can handle using one of your examples.

What we stuck in showing two months and allow users to navigate forward and backward and select the end date in the second calendar view. Example view is something like this.

Hi,

I'm trying to find a way to get a date format pattern for the current locale.

Using IntlService.splitDateFormat("d") I'm getting the following array:

[
 {type: "year", pattern: "y"},
 {type: "literal", pattern: "-"},
 {type: "month", pattern: "MM"},
 {type: "literal", pattern: "-"},
 {type: "day", pattern: "dd"}
]

However kendo-datepicker displays a different one as a placeholder

Is there a way to get exactly the same date pattern as used in kendo-datepicker?

Dear support we have a data grid with 30 columns and 5000 rows, when we try to filter by `process` function the system responds quite slow (it freezes the ui). 

Overview - Data Query - Kendo UI for Angular (telerik.com)

Do you have any suggestion?

Good Day,

Is there a way to achieve the same responsive behavior as is available on the Toolbar component for the grid toolbar?  

i.e. I'd like to set overflow="true" on the kendoGridToolbarTemplate though I know this is not possible.

Hi,

I have a template for a kendo grid column filter where I use a material datepicker to select a date. 

The issue that is happening when the kendo grid is located inside a material Dialog. 

As you can see on the screen, the mat datepicker is appearing behind the filter. That happens because the mat-datepicker dialog is being instantiate in the cdk-overlay, in the same div that contains the grid, so they share the same Z-index.

And the kendo-grid filter is being instantiated inside the app.component. 

I think that we have two possible solutions: instantiate the filter's kendo-popup inside the cdk-overlay div or move the mat-datePicker next to the kendo-popup with a higher z-index.

If I use a kendo-datepicker this issue doesn't happens because it is instantiate next to the kendo-popup but I need the mat-datepicker for designs requirements. 

Thanks in advance,

V

Hi,

I have error error TS2307: Cannot find module with SVG file in Angular12 on https://github.com/telerik/kendo-angular-stackblitz-app

Regards

Hello all,

I'm working on an application that has an area where you import a list of ID numbers from a CSV file, entirely in the browser, no upload. We've been having performance issues with the <select> element and very large lists, so I decided to try a multiselect component with virtual scrolling. It works pretty well in Chrome, but as we are a government shop, we still have to support IE, and I've noticed a couple issues:

1. If I scroll to the bottom of the popup, it never goes past 54,824 rows
2. Somewhere around 450,000 items, the popup opens up with nearly zero height and no items are visible. The items are present in the popup, but according to this StackOverflow question, IE is interpreting the extremely large height value of the k-height-container as 0

The empty popup:

The popup markup with the first few list items showing in IE's devtools:

The virtual scrolling div with the item list collapsed, showing the k-height-container:

We just upgraded our application to Angular 7.2, and I'm using the latest compatible version of kendo-angular-dropdowns, 4.4.1. Could these issues perhaps have been addressed in a later version?

Thanks in advance,

Matt

I would like to export all the data without defining the individual fields

This is my html code:

<button type="button" class="k-button" (click)="save(excelexport)">
Export To Excel
</button>
<kendo-excelexport [data]="allDataExport" fileName="Products_export.xlsx" #excelexport></kendo-excelexport>

this is my ts code:

public save(component): void {
		const options = component.workbookOptions();
		const rows = options.sheets[0].rows;

		component.save(options);
}

This function returns empty excel but datasource(allDataExport) is not empty

the format of my datasource is this:

0:
  0: "product 1"
  1: "12"
  2: "0"
  3: "numeric"
1:
  0: "product 2"
  1: "12"
  2: "0"
  3: "numeric"
2:
  0: "product 3"
  1: "12"
  2: "0"
  3:: "numeric"
3:
  0: "product 4"
  1: "12"
  2: "0"
  3: "numeric"