or
4 answers
467 views
App contains the following definition:
<kendo-grid-command-column *ngIf="guru" title="Edit" [width]="150"> <ng-template kendoGridCellTemplate let-isNew="isNew"> <button kendoGridEditCommand [primary]="true" *ngIf="!noUpdate"> Edit </button> <button kendoGridRemoveCommand>Remove</button> <button kendoGridSaveCommand [disabled]="formGroup?.invalid"> {{ isNew ? "Add" : "Update" }} </button> <button kendoGridCancelCommand> {{ isNew ? "Discard changes" : "Cancel" }} </button> </ng-template></kendo-grid-command-column>Adding [locked]="true" results in: core.js:6142 ERROR Error: There should be at least one non-locked column.
Is it possible to lock the command column so the user doesn't have to scroll to it on wide tables to make something happen? Or does the limitation on locking and templates apply?
1 answer
1.6K+ views
how do i apply a template to a grid cell when i export it to excel?
something like this:
<kendo-grid-excel [fetchData]="allData"> <ng-container *ngFor="let item of array"> <kendo-excelexport-column [field]="item.field"> <ng-template let-value="value"> <span>EXAMPLE: {{value}}</span> </ng-template> </kendo-excelexport-column> </ng-container> </kendo-grid-excel>regards,
alex
Georgi
Telerik team
answered
on
04 Mar 2021
0 answers
63 views
I have a lot of panelbar item those are being rendered dynamically using a loop.I want to expand any one of the panelbar from component based on some predefined logic.How to I expand that particular panel bar from my component.
It would be better if we could scroll down to the exactly expanded panelbaritem
It would be better if we could scroll down to the exactly expanded panelbaritem
0 answers
288 views
I'm having trouble using a string filter when my field is an array of strings. It works fine if the strings are entirely numeric, but not at all when they contain non-numeric characters.
Here's my stackblitz example: Filter arrays of strings
I'm aware that my model is less than ideal, and I'd rather not refactor it if I don't have to.
Is there a way to override the process() method to handle this? Is the source for process() available?
1 answer
937 views
Hello,
I'm using Angular Master Detail Grid to build a hierarchical Data table. I followed https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/ this article and getting the following error while running the app:
Error: src/app/app.component.html:25:83 - error TS2339: Property 'dataItem' does not exist on type 'AppComponent'.
25 <div *kendoGridDetailTemplate="let dataItem, let rowIndex = rowIndex; showIf: dataItem.skuMessageList">
src/app/app.component.ts:9:16
9 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.
This is the code Snippet -
<div *kendoGridDetailTemplate="let dataItem, let rowIndex = rowIndex; showIf: dataItem.skuMessageList">
<child-sku [Sku]="dataItem.skuMessageList"></child-sku>
</div>
Any help would be appreciated.
Ivan
Telerik team
answered
on
03 Mar 2021
4 answers
288 views
Hi there,
I need to be able to use the kendo-grid-string-filter-menu but the available kendo directives to use inside this do not cover my specific use case. I need to have an 'Is blank' filter and an 'Is Null' filter. Is it possible to write my own such that I can add it in the below. If so, how would it look?
<kendo-grid-string-filter-menu
[column]="column"
[extra]="true"
[filter]="filter"
[filterService]="filterService">
<kendo-filter-contains-operator>
</kendo-filter-contains-operator>
<kendo-filter-eq-operator>
</kendo-filter-eq-operator>
<kendo-filter-neq-operator>
</kendo-filter-neq-operator>
</kendo-grid-string-filter-menu>
Ivan
Telerik team
answered
on
03 Mar 2021
1 answer
1.6K+ views
hi, I would like to know how it is possible to insert a template for the single column.
I would like to apply a template to the cell for example to print a text and not the value of the field
Something like this:
<kendo-grid-excel fileName="{{fileName}}" [fetchData]="_allData"> <ng-container *ngFor="let item of _excelColumns"> <kendo-excelexport-column [field]="item.field" [title]="item.title" [hidden]="item.hidden" [cellOptions]="item.cellOptions" [width]="item.width"> <ng-template let-dataItem> Hello world </ng-template> </kendo-excelexport-column> </ng-container> </kendo-grid-excel>
hello world not displayed
Great regards,
Alex
Georgi
Telerik team
answered
on
03 Mar 2021
11 answers
169 views
Hi team,
we are using the spreadsheet component with angular . there is some issue in preview mode for xlsx file. While we upload sample xlsx file which size is approximately 7-8MB is becomes browser unresponsive and not able to see the preview of xlsx file in spreadsheet. So I am attaching screenshot for the same.
Petar
Telerik team
answered
on
03 Mar 2021
3 answers
387 views
Hi Team,
We are using Kendo Angular "Multi Select".
When we select more items in the "Multi Select" Drop Down the multi select starts expanding vertically which moves the whole UI to the bottom.
Is there any way (or) work around to add the items in the same row without changing the height of the multi select (see the attached image)
Thanks,
Rajesh
Dimiter Topalov
Telerik team
answered
on
01 Mar 2021
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?
