@acorex/data-grid 4.2.73 → 5.1.6

package/src/lib/data-grid/columns/text-column.component.ts

@@ -0,0 +1,92 @@
+import { AXGridDataColumn } from './column.component';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ViewContainerRef,
+  ViewChild
+} from '@angular/core';
+import {
+  IFilterParams,
+  RowNode,
+  IDoesFilterPassParams,
+  IAfterGuiAttachedParams
+} from 'ag-grid-community';
+import { IFilterAngularComp } from 'ag-grid-angular';
+import { AXTextBoxComponent } from '@acorex/components';
+
+
+@Component({
+  selector: 'ax-text-column',
+  template: '',
+  providers: [{ provide: AXGridDataColumn, useExisting: AXGridTextColumn }],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AXGridTextColumn extends AXGridDataColumn {
+  constructor() {
+    super();
+  }
+
+  render() {
+    const col = super.render();
+    // if (this.allowFiltering) {
+    //   col.filterFramework = TextFilterRenderer;
+    // }
+    col.filter = 'agTextColumnFilter';
+    return col;
+  }
+}
+
+@Component({
+  template: `
+    <ax-data-grid-filter>
+      <ax-text-box label='Filter' allowClear='true' (textChange)='onChange($event)'>
+      </ax-text-box>
+    </ax-data-grid-filter>
+  `,
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class TextFilterRenderer implements IFilterAngularComp {
+  public value?: string = null;
+  private params: IFilterParams;
+  private valueGetter: (rowNode: RowNode) => any;
+  @ViewChild(AXTextBoxComponent, { static: true })
+  private input: AXTextBoxComponent;
+
+  agInit(params: IFilterParams): void {
+    this.params = params;
+    this.valueGetter = (params.valueGetter) as any;
+  }
+
+  isFilterActive(): boolean {
+    return this.value !== null && this.value !== undefined;
+  }
+
+  doesFilterPass(params: IDoesFilterPassParams): boolean {
+    return this.value === this.valueGetter(params.node);
+  }
+
+  getModel(): any {
+    return { value: this.value };
+  }
+
+  setModel(model: any): void {
+    ;
+    this.onChange(model ? model.value : null);
+  }
+
+  ngAfterViewInit(params: IAfterGuiAttachedParams): void {
+    window.setTimeout(() => {
+      this.input.focus();
+    });
+  }
+
+  onChange(newValue): void {
+    if (this.value !== newValue) {
+      this.value = newValue;
+      if (this.value === '') {
+        this.value = null;
+      }
+      this.params.filterChangedCallback();
+    }
+  }
+}

package/src/lib/data-grid/datagrid.component.html

@@ -0,0 +1,27 @@
+<div class="ax-grid-toolbar" *ngIf="toolbar">
+  <ng-content select="ax-toolbar"></ng-content>
+</div>
+<!-- [enableSorting]="true"  [enableColResize]="true" [enableFilter]="allowFiltering"  -->
+<ag-grid-angular *ngIf="gridView" class="ag-theme-balham" [getRowClass]="internalGetRowClass"
+  [style.height]="internalHeight" [columnDefs]="columnDefs" [enableRtl]="rtl" [pagination]="pagination"
+  [rowGroupPanelShow]="rowGroupPanelShow" [rowModelType]="rowModelType" [detailRowHeight]="detailRowHeight"
+  [getRowHeight]="getRowHeight" [paginationAutoPageSize]="paginationAutoPageSize"
+  [paginationPageSize]="paginationPageSize" [suppressMenuHide]="true" [frameworkComponents]="frameworkComponents"
+  [isFullWidthCell]="isFullWidthCell" [rowSelection]="selectionMode" [rowMultiSelectWithClick]="rowMultiSelectWithClick"
+  [fullWidthCellRendererFramework]="fullWidthCellRendererFramework"
+  [fullWidthCellRendererParams]="fullWidthCellRendererParams" (cellClicked)="internalGridCellClicked($event)"
+  (cellDoubleClicked)="internalGridCellDoubleClicked($event)" (cellFocused)="internalGridCellFocused($event)"
+  (rowClicked)="internalGridRowClicked($event)" (selectionChanged)="internalGridSelectionChanged($event)"
+  (rowSelected)="rowSelectionChanged($event)" (rowDoubleClicked)="internalGridRowDoubleClicked($event)"
+  (gridReady)="internalGridReady($event)" [groupSelectsChildren]="groupSelectsChildren"
+  [suppressRowClickSelection]="suppressRowClickSelection" [groupSelectsFiltered]="true"
+  [suppressCellSelection]="suppressCellSelection" [autoGroupColumnDef]="autoGroupColumnDef"
+  [suppressAggFuncInHeader]="true" [treeData]="treeData" [animateRows]="true" [isServerSideGroup]="isServerSideGroup"
+  [getServerSideGroupKey]="getServerSideGroupKey" [masterDetail]="masterDetail"
+  [detailCellRendererParams]="detailCellRendererParams" [detailCellRenderer]="detailCellRenderer"
+  (gridSizeChanged)="internalGridSizeChanged($event)" (firstDataRendered)="internalGridFirstDataRendered($event)"
+  [localeText]="localeText" [groupHideOpenParents]="groupHideOpenParents" [enableRangeSelection]="true"
+  [enableRangeSelection]="false" [allowContextMenuWithControlKey]="false" [getMainMenuItems]="getMainMenuItems">
+</ag-grid-angular>
+
+<!-- (displayedColumnsChanged)="displayedColumnsChanged($event)"  -->