PrimeNg - Меню - Использование appendTo внутри динамической таблицы данных при сохранении порядка вкладок для легкого доступа к меню (доступность) - PullRequest
Новая
       9

PrimeNg - Меню - Использование appendTo внутри динамической таблицы данных при сохранении порядка вкладок для легкого доступа к меню (доступность)

0 голосов
/ 30 апреля 2018

Использование данных PrimeNg для отображения строк данных. У меня есть р-меню в моем первом столбце.

При активации p-меню добавляется в тело страницы. Это хорошо работает для зрячих пользователей, однако это же меню находится только в порядке табуляции в конце документа, поэтому оно может быть невидимым для пользователей клавиатуры. 

<p-column header="" [sortable]="false" [style]="{'width':'2rem'}" >
        <ng-template let-col let-files="rowData" pTemplate="body">
            <span>
                <button type="button" pButton icon="fa fa-chevron-down" class="myClass" (click)="menu.toggle($event);onRowClick( files )" tabindex="0" aria-label="View the Menu" aria-haspopup="true"></button>
                <p-menu #menu popup="true" [model]="myModel" styleClass="myclass" appendTo="body"></p-menu>
            </span>
        </ng-template>
</p-column>

Было бы здорово сделать это внутри шаблона ... Мысли?

...