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?
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!
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
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">
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
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');
}
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?
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.