Telerik Forums
Kendo UI for Angular Forum
1 answer
460 views

Good Day,
I am using Telerik controls in my project (abp.io with Angular UI v 3.2.1), I want to integrate grid control with server databinding (server side paging, sorting, searching etc). I tried to get data using swagger, but it isn't working.

Is there any working example for this?
Thanks.

Faris
Top achievements
Rank 1
 answered on 08 Nov 2020
1 answer
916 views
Hello! Is it possible to get the selected columns in the <kendo-grid-column-chooser> inside my ts file?
Can't find it in the documentation. https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnChooserComponent/
Martin Bechev
Telerik team
 answered on 06 Nov 2020
3 answers
138 views

 

 

When a user opens the calendar popup and a date hasn't been selected and then click the back button on the browser window, the calendar popup doesn't close and stuck on the top left corner without any opportunity to close.

Steps to reproduce:

1. click on 'go to calendar' link.

2. open calendar popup using focus on date input.

3. click back button on the browser window (main window, not a stackblitz frame)

Result in attaches.

https://stackblitz.com/edit/angular-33rslp

Martin Bechev
Telerik team
 answered on 06 Nov 2020
1 answer
699 views
I am having a rounding issue with kendo numeric textbox as negative values are not getting rounded off properly. For example, -1.2355 gets displayed as -1.235 instead of -1.236

The configured settings for the said control is as follows:
ReturnValueInputOptions={
max:999999,
min:-999999,
format: 'n3',
decimals: 9
};

If we enter 1.2355 in the numeric textbox, it gets displayed as 1.236, which is fine. 
If we type negative value -1.2355 it gets displayed as -1.235. Is there a way to get this value rounded off and displayed as -1.236
Svet
Telerik team
 answered on 05 Nov 2020
0 answers
155 views
I have a grid of eight columns. In the first column there is a date, in the second one there is some text and in the others there is individual text and numbers. The data is loaded in chunks (about 500 records each) using "virtual scroll". The problem is that loading data into the grid increases the RAM consumption enormously. After loading more than 2000 records, the application becomes unusable (everything works with a delay). The Chrome task manager shows almost 1,5 GB used memory but the real data size is about 0,8 MB. I gave up with a more extensive grid (details, filters) but the problem still occurs.

I am asking for help, thank you
Piotr
Top achievements
Rank 1
 asked on 03 Nov 2020
1 answer
811 views

I've been struggling with an issue in our app where the grid is jumping all over the place during virtual scrolling. Then I noticed that the Kendo UI example does the same thing. I took this video from the StackBlitz in the "virtual scrolling with remote example" here. It's difficult to tell when watching in real time, because it happens so quickly, but while the loading indicator is up, the page jumps some 80 rows and then jumps back. This is exactly what we are seeing in our app, but since the load call is slower, about 1s, it's ends up looking really terrible.

I've attached some stills from the video that show the progression; as I scroll down, row 10346 is right at the bottom of the view. The call to pageChange comes in and suddenly row 10259 is at the bottom. A moment later the load finishes and 10351 is at the bottom, about what we expect, since we're scrolling down.

Thanks,

Philip

Svet
Telerik team
 answered on 03 Nov 2020
1 answer
220 views

Hello,

 

I need a Calendar component which would allow me to select a single date, multiple dates or a date range.

 

I see this feature is available on the Vue Calendar component :

https://www.telerik.com/kendo-vue-ui/components/dateinputs/calendar/dates/#toc-setting-the-selected-date

 

However, it's not mentioned in the Angular one :

https://www.telerik.com/kendo-angular-ui/components/dateinputs/calendar/dates/#toc-selected-dates)

 

Could you please confirm wether this feature is accessible on both Frameworks or only on Vue ?

This will determine whether or not I'm going to use Kendo UI in my next project.

 

Thank you in advance.

Best regards.

Svet
Telerik team
 answered on 03 Nov 2020
1 answer
515 views

Hi Team,

Thank you in advance in helping me with this issue.

In my project we are using the Kendo Upload control and its working as expected except one issue.

Issue:

If I drag a file and drop the same only single file is getting uploaded as (multiple set to false) but for the same single file api receiving two calls with same file name, which is causing duplicate entries in data base.

Note: This issue is happening only when I delete the uploaded file and refresh the form and then drag a file and drop it, also in the html we have two kendo-uploaddropzone controls along with kendo-upload, one for intial case where data is not available and other when data is available.

 <div *ngIf="currentAttachment && !currentAttachment.isDeleted" class="file-info-container">

 <kendo-uploaddropzone zoneId="singleUploadZone">
            <div class="text-container">
                <p>{{displayText1}}</p>
                <p>
                    {{displayText2}}
                    <a class="open-file-dialog-link" [class.disabled]="to.disabled" (click)="!to.disabled && startUploadFile(uploader)">{{displayText3}}</a>
                    {{displayText4}}
                </p>
            </div>

            <kendo-upload #uploader
                          [multiple]="false"
                          [restrictions]="restrictions"
                          [saveUrl]="uploadUrl"
                          [autoUpload]="true"
                          (success)="onSuccess($event)"
                          (error)="onError($event)"
                          (select)="uploadInfoSelect($event)"
                          [disabled]="to.disabled"
                          zoneId ="singleUploadZone"
                          kendoFileUpload>
                <kendo-upload-messages select="" [dropFilesHere]="displayText">
                </kendo-upload-messages>
            </kendo-upload>
        </kendo-uploaddropzone>

/>

 <div *ngIf="currentAttachment && !currentAttachment.isDeleted" class="file-info-container">

   <kendo-uploaddropzone zoneId="singleUploadZoneWithData">
            <div class="row">
                <div class="col-12">
                    <div class="text-container">
                        <p>{{displayText1}}</p>
                        <p>
                            {{displayText2}}
                            <a class="open-file-dialog-link" [class.disabled]="to.disabled" (click)="!to.disabled && startUploadFile(uploader)">{{displayText3}}</a>
                            {{displayText4}}
                        </p>
                    </div>
                    <kendo-upload #uploader
                                  [multiple]="to.multiple"
                                  [restrictions]="restrictions"
                                  [showFileList]="false"
                                  [saveUrl]="uploadUrl"
                                  [autoUpload]="true"
                                  (success)="onSuccess($event)"
                                  (error)="onError($event)"
                                  [disabled]="to.disabled"
                                  zoneId ="singleUploadZoneWithData"
                                  kendoFileUpload>
                    </kendo-upload>
                </div>
            </div>
        </kendo-uploaddropzone>

.ts

this function is called twice even though only one file is selected.
    public uploadInfoSelect(data) {
        console.log(data);
    }

/>

 

 

Aditya
Top achievements
Rank 1
 answered on 03 Nov 2020
4 answers
829 views

Hello,

Automcomplete html 

<kendo-autocomplete [data]="listItems" [valueField]="'text'" [placeholder]="'e.g. Andorra'"<br>    (valueChange)="valueChange($event)"><br>    </kendo-autocomplete>

 data is binded from array of object

public listItems: Array<{ text: string, value: string }> = [<br>         { text: "Albania", value: "Alb" },<br>         { text: "Andorra", value: "And" },<br>         { text: "Armenia", value: "Arm" },<br>         { text: "Austria", value: "Aus" },<br>         { text: "Azerbaijan", value: "Aze" }<br>     ];

, when valueChange event is fired ,only receive valueField data in valueChange event. I need object of selected item in valueChange event.

please check out this stackbiz demo.

AutoComplete

Dimiter Topalov
Telerik team
 answered on 02 Nov 2020
2 answers
210 views

Hi there!

We're using the date range component in our current project and we found a weird behavior when OnPush change detection is enabled.

The focus get lost from the start date input as you type the first digit of the year.

I've created an app in stackbliz to reproduce it: https://stackblitz.com/edit/angular-kendo-daterange?file=app/app.component.ts

I hope you can help us with this as it's quite annoying and we can't find a proper way to fix it.

Svet
Telerik team
 answered on 30 Oct 2020
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?