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

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.

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);
    }

/>

Hello,

Automcomplete html 

 data is binded from array of object

, 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

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.

Hi there,

My grid has a footer with input fields and a formgroup. If you click anywhere in the grid (including the header) and then click on the footer input, the input field is focused but once you begin to type, it is no longer focused and doesn't register any input. If you click in the grid and then click on any part of the screen outside of the grid, and then click into the textbox, it allows you to edit. Why is clicking on the grid preventing editing in the footer? How can I fix this?

Hello everyone,

I'm having an issue with expanded grid details. I have a collapseAll method with a forEach inside that iterates every item that loads in my grid and uses collapseRow to close them on load.

Now this works for page 1, but if I move to page 2 and decide to expand any details , then I switch back to page 1 and return to 2, the grid details remain expanded when they should collapse since I have a call to collapseAll on pageLoad method. Is there some index issue that fails to capture indexes outside of page1?

we need the copy and paste feature in grid

copy the data form one row and then create the new row , paste the data in row 

I know you can use kendoSchedulerTimeSlotTemplate like below, but this will apply text to all slots, and it doesn't have any access to the resource/grouping information, only date information is available?

<ng-template kendoSchedulerAllDaySlotTemplate let-date="date">

    <strong>{{ date | kendoDate }}</strong>

</ng-template>

Is it possible set slot text on specific slot only like attached image?