Telerik Forums
Kendo UI for Angular Forum
0 answers
1.2K+ views

I want to disable scrolling for the time the next page is being loaded. I use the following combination for that

 

01.private readonly preventDefault = function (e) {
02.    e.preventDefault();
03.    e.stopPropagation();
04.  };
05. 
06.  private disableScrolling() {
07.    window.addEventListener('wheel', this.preventDefault, {passive: false});
08.    window.addEventListener('mousewheel', this.preventDefault, {passive: false});
09.    window.addEventListener('scroll', this.preventDefault, {passive: false});
10.    console.log('scrolling disabled');
11.  }

 

However, the scrolling is disabled after I stop rotating my mouse wheel only. Then, If I start rotating it again, the scrolling will be prevented. But if I don't stop rotating for the first time, the grid will scroll further regardless of the new attached event listeners. What am I doing wrong and how such behaviour can be explained?

Ewgenij
Top achievements
Rank 1
Veteran
 asked on 26 Feb 2021
1 answer
146 views

I am looking for a way to exclude Kendo from generating items during my webpack build. I am using the custom webpack builder found here: https://www.npmjs.com/package/@angular-builders/custom-webpack to do some modifications to the webpack build, but only using the copy-plugin from webpack to copy a single file.

My package.json has:
"@progress/kendo-angular-intl": "^2.0.2",
"@progress/kendo-angular-l10n": "^2.0.2",

The angular.json has:

 

"architect": { "build":{ "builder": "@angular-builders/custom-webpack:browser", "options": { "customWebpackConfig": { "path": "./extra-webpack.config.js", "mergeStrategies": { "externals": "replace" } },

 

Webpack cofig has:
externals:{

kendo:"kendo"

}.

 

The problem is I keep getting all the kendo files being built for internationalization. I dont want them, and would like to exclude them. I dont know what I am doing incorrectly. If anyone could help that would be great!

Alexander Popov
Telerik team
 answered on 26 Feb 2021
2 answers
6.7K+ views

Hi there,

I'm trying to use the select-all checkbox in a grid header using the following code:

<kendo-grid-checkbox-column width="45" showSelectAll="true">

Selecting all rows on the initial grid works just fine, as is expected.

However, applying a column filter from the column's menu, thus hiding some of the existing rows and then pressing the select-all checkbox results in both visible and hidden rows being selected. Is there any way or property that allows me to get only the visible selected rows?

Also, it appears that the selected rows are not reset when applying the column filter. Is that intended behavior or is that somehow configurable. When applying the column filter which hides selected rows, I'd like them to be deselected as well.

Best regards
Philipp

Philipp
Top achievements
Rank 1
 answered on 26 Feb 2021
2 answers
538 views

I'm trying to put textbox suffix adornments in place in a textbox (and in a textbox inside the Grid). I'm getting the following error below in the console. Anyone seen this before? And additionally can textbox suffix adornments be used inside a templated grid cell?

(I have included the label package in the module as well, which was suggested elsewhere). Is this a common error?

 

 

"If 'kendo-textbox' is an angular component, then verify that it is part of this module."

 

 <kendo-textbox placeholder="Contact name">
            <ng-template kendoTextBoxSuffixTemplate>
                <kendo-textbox-separator></kendo-textbox-separator>
                <button kendoButton [look]="'clear'" [icon]="'calendar'"></button>
                <kendo-icon [name]="'bell'"></kendo-icon>
            </ng-template>
        </kendo-textbox>
Mahesh
Top achievements
Rank 1
 answered on 26 Feb 2021
4 answers
707 views

Hello,

I'm trying to use the angular kendo-grid with an @ngrx/store/reducer/@Effects.

Is there a sample available that does this?

 

Thanks and regards,

 

Amit

Martin Bechev
Telerik team
 answered on 26 Feb 2021
1 answer
253 views

Hi,

 

How can I wait uploadevent to fire after other HTTP call inside that event?

Something like this below.

    public async uploadEventHandler(e: UploadEvent) {
        this.uploadSaveUrl = 'https://mycustom.blob.core.windows.net/';

       // Wait for server call to return SAS url.

       // Currently it just starts upload without waiting for await from server.
        this.uploadSaveUrl += await this.authService.getSAS().toPromise();
        const fileType = e.files.length && e.files[0].rawFile ? e.files[0].rawFile.type : '';
        e.headers = e.headers.append('x-ms-blob-content-type', fileType);
        e.headers = e.headers.append('content-type', fileType);
        e.headers = e.headers.append('x-ms-blob-type', 'BlockBlob');
    }

Martin Bechev
Telerik team
 answered on 25 Feb 2021
5 answers
351 views

Hi, I'm testing an application that is implementing KendoUI with Angular4 and I have a large data set that is showing a 10-30 second delay when loading values in an Kendo autocomplete input field.

Do you have any suggestions for how to improve the performance?

Dimitar
Telerik team
 answered on 25 Feb 2021
1 answer
169 views
     Is there support for taking the template for reordering rows to converting it to be able to drag and drop from one grid to another? If so, what parts make it accessible to continue dragging the item outside of the grid bounds into another grid?
Martin Bechev
Telerik team
 answered on 24 Feb 2021
1 answer
407 views

Sir/Madam,

              I am sumant.ch working as UI Developer.I would like to discuss issue related to horizontal scroll bar in kendo angular grid which is when I click horizontal scroll bar button which is present at the left side or right side the scroll bar then scroll bar should move from one column to another column present in kendo angular grid.So,please check this issue and revert to me as soon as possible.

Martin Bechev
Telerik team
 answered on 24 Feb 2021
11 answers
2.4K+ views
Is there a way to get the editor to not place a wrapper <p> tag when it edits.
Martin Bechev
Telerik team
 answered on 23 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?