Posted 19 December 2017, 9:05 am EST
Hello,
I am testing wijmo to include it in our platform, which uses angular 5.
I have been testing “wj-panel-group” and “wj-flex-grid-filter”
I have added them in the template, as the example said. The result is that nothing happens with those elements. They are there but they have no behaviour.
This is my template:
<wj-group-panel
[grid]="flexGrid"
[placeholder]="'Drag columns here to create groups'"
[maxGroups]="3"
></wj-group-panel>
<wj-flex-grid
#flexGrid
allowResizing="Columns"
[allowSorting]="true"
[itemsSource]="data"
headersVisibility="Column"
[frozenColumns]="1"
[isReadOnly]="true"
selectionMode="Row"
(selectionChanged)="onSelectionChanged($event)"
(loadedRows)="onLoadedRows()"
(resizedColumn)="onResizedColumn($event)"
(draggedColumn)="onDraggedColumn($event)"
>
<wj-flex-grid-filter></wj-flex-grid-filter>
<ng-template ngFor let-col [ngForOf]="config?.columns">
<wj-flex-grid-column
*ngIf="col?.visible"
[header]="col?.header"
[width]="calcSizeInPx(col)"
[align]="getAlignment(col)"
cssClass="some-padding"
>
<ng-template *ngIf="col?.linkResolver" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
<a [href]="col.linkResolver(item)">{{item[col.alias]}}</a>
</ng-template>
<ng-template *ngIf="!col?.linkResolver" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
{{item[col.alias]}}
</ng-template>
<ng-template *ngIf="isDate(col)" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
{{item[col.alias] | date: 'dd.MM.yyyy'}}
</ng-template>
<ng-template *ngIf="col?.alignment" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
{{item[col.alias] | number: '1.2-2'}}{{col?.numberFormat?.postfix || ""}}
</ng-template>
<ng-template *ngIf="col?.template && !col?.linkResolver" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
{{col.template(item)}}
</ng-template>
<ng-template *ngIf="isBoolean(col)" wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item">
{{booleanValue(item, col)}}
</ng-template>
</wj-flex-grid-column>
</ng-template>
<wj-flex-grid-column [width]="50">
<ng-template wjFlexGridCellTemplate [cellType]="'ColumnHeader'">
menu
</ng-template>
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'">
lin menu
</ng-template>
</wj-flex-grid-column>
</wj-flex-grid>
