Telerik Forums
Kendo UI for Angular Forum
1 answer
1.7K+ 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
78 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
Sarthak
Top achievements
Rank 1
Veteran
 asked on 04 Mar 2021
0 answers
307 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? 

Steve
Top achievements
Rank 1
 asked on 03 Mar 2021
1 answer
979 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
333 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.7K+ 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
192 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
441 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?

Ewgenij
Top achievements
Rank 1
Veteran
 asked on 26 Feb 2021
1 answer
163 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?