Добавление пользовательской кнопки в Kendo Grid с помощью кнопки Kendotoolbar и панели инструментов Kendo - PullRequest
0 голосов
/ 08 мая 2019

Я настраиваю страницу с сеткой кендо, которая содержит kendotoolbar и кнопку панели инструментов кендо, все, что мне нужно для создания пользовательских кнопок, которые помогают генерировать отчет Excel, рассылку и т. Д. Проблема в том, что кендо сетка и панели инструментов кендо работают отдельно, но не вместе в приведенном ниже коде (видна только сетка кендо). Использовал ng add @ progress / kendo-angular-toolbar для добавления панели инструментов

grid.component.html

<kendo-grid [data]="records"
            [pageSize]="state.take"
            [skip]="state.skip"
            [sort]="state.sort"
            [sortable]="true"
            [pageable]="true"         
            [scrollable]="'scrollable'"
            [groupable]="false"
            [group]="state.group"
            [filterable]="true"
            [filter]="state.filter"
            (dataStateChange)="dataStateChange($event)"
            [selectable]="true"
            (selectionChange)="gridUserSelectionChange(gridUser, $event)"
            (dblclick)='onDblClick()'
            [height]="500"
            (edit)="editHandler($event)"
            (remove)="removeHandler($event)">
            <kendo-grid-command-column title="command" width="200">
                <ng-template kendoGridCellTemplate>
                    <button mat-button kendoGridEditCommand><mat-icon >edit</mat-icon></button>
                    <button mat-button kendoGridRemoveCommand><mat-icon >delete</mat-icon></button>
                </ng-template>
            </kendo-grid-command-column>
            <kendo-grid-column 
            *ngFor="let column of columns"
            field={{column}} title="{{column}}" ></kendo-grid-column> 

 <kendo-toolbar>
                <kendo-toolbar-button [text]="'Edit'"
                [showText]="'both'"
                [icon]="'edit'"
                [showIcon]="'both'"
                [primary]="true"
                [look]="look"
                [disabled]="false"
                [tabIndex]="tabIndex"
                ></kendo-toolbar-button>                
            </kendo-toolbar>                    
</kendo-grid>

1 Ответ

0 голосов
/ 09 мая 2019

Код выше работает после того, как я добавил команду установки панели инструментов ng add @ progress / kendo-angular-toolbar; Пожалуйста, обратитесь по ссылке: введите описание ссылки здесь для получения дополнительной информации. Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...