bus-stop.component.html 1.7 KB
<md-card tdMediaToggle="gt-xs" [mediaClasses]="['push']">
    <div>
        <h1>Rich Grid with Pure JavaScript</h1>
        <div style="clear: both;"></div>
        <div *ngIf="showGrid">
            <button md-raised-button color="accent" (click)="addNewRow()" type="button">Добавить новое поле</button>
            <button md-raised-button color="warn" (click)="deleteRows()" type="button">Удалить</button>
            <div *tdLoading="'overlayStarSyntax'; mode:'indeterminate'; type:'circle'; strategy:'overlay'; color:'accent'">
                Loading
            </div>
            <div *ngIf="isLoading" class="">
                ...Loading
            </div>
            <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-dark" [gridOptions]="gridOptions" [columnDefs]="columnDefs" [rowData]="rowData" enableColResize enableSorting enableFilter groupHeaders suppressRowClickSelection toolPanelSuppressGroups
                toolPanelSuppressValues debug rowHeight="22" rowSelection="multiple" (cellClicked)="onCellClicked($event)" (cellDoubleClicked)="onCellDoubleClicked($event)" (cellContextMenu)="onCellContextMenu($event)" (cellValueChanged)="onCellValueChanged($event)"
                (cellFocused)="onCellFocused($event)" (rowSelected)="onRowSelected($event)" (selectionChanged)="onSelectionChanged()" (beforeFilterChanged)="onBeforeFilterChanged()" (afterFilterChanged)="onAfterFilterChanged()" (filterModified)="onFilterModified()"
                (beforeSortChanged)="onBeforeSortChanged()" (afterSortChanged)="onAfterSortChanged()" (virtualRowRemoved)="onVirtualRowRemoved($event)" (rowClicked)="onRowClicked($event)">
            </ag-grid-ng2>
        </div>

    </div>
</md-card>