Bir p-dataTable satırında mouse-over olayı (primeNg)

Question

Şu anda angular2 kullanarak bir web uygulamasının kullanıcı arabirimini geliştiriyorum. Bir p-dataTable bileşenim var (primeNG) ve fare bu p-dataTable'ın bir satırı üzerinde olduğunda bir işlevi çağırmak istiyorum. Fonksiyon, fare-over olayını tetikleyen satırın verilerini almalıdır.

Eğer p-DataTable ile fareyle üzerine olay nasıl işleneceğini bir fikrin varsa, ben çözümü :)

şimdiden teşekkürler bilmek mutluluk olacaktır.

Answer 1

Sizin gereksiniminiz fare üzeri olmalıdır? Ben kullanabileceğiniz bir tıklama olayı yerleşik olduğundan ve fare-over çok mobil dostu bir davranış (bu sizin için herhangi bir endişe varsa) çünkü soruyorum.

Eğer fare kapağınız varsa, yerleşik bir şey olduğunu düşünmüyorum, ancak kaynağı yükleyebilir ve daha sonra sadece datatable bileşenini projenize ekleyebilirsiniz (belki de yeniden adlandırın ve içe aktarmayı değiştirdiğinizden emin olun). Datatable bileşeni için app.module.ts cinsinden), burada görüldüğü gibi (datatable.ts dosyasını düzenleyin: https://github.com/primefaces/primeng/blob/master/src/app/components/datatable/datatable.ts)

ve şablonda (mouseenter)="hover=true" (mouseleave)="hover=false" olayları kaçırmak ve bunu istediğini yapmak için orada kendi işlevlerini koymak

(mouseenter)="showRowData($event)" (mouseleave)="hideRowData($event)"

: örneğin üzere 0 böyle bir şey. Verilerin asıl görüntülendiği kadarıyla, nasıl görünmesini istediğinize karar vermeniz ve daha sonra buna göre uygulamak zorundasınız.

Bunun en iyi yol olup olmadığını bilmiyorum, ama bunun işe yarayacağını düşünüyorum.