Tôi hiện đang phát triển giao diện người dùng của ứng dụng web bằng angular2. Tôi có một thành phần p-dataTable (nguyên tố) và tôi muốn gọi một hàm khi chuột nằm trên một hàng của bảng dữ liệu p này. Hàm sẽ truy xuất dữ liệu của hàng sẽ kích hoạt sự kiện di chuột qua.Sự kiện di chuột qua hàng p-dataTable (nguyên tố)
Nếu bạn có bất kỳ ý tưởng làm thế nào để xử lý mouse-over kiện với p-DataTable, tôi sẽ vui mừng khi biết các giải pháp :)
Cảm ơn bạn trước.
Yêu cầu của bạn phải là di chuột qua? Tôi hỏi vì có một sự kiện nhấp chuột được tích hợp sẵn mà bạn có thể sử dụng và di chuột qua không phải là hành vi thân thiện với thiết bị di động (nếu đó là bất kỳ mối lo ngại nào đối với bạn).
Nếu bạn phải có chuột, tôi không nghĩ có bất kỳ thứ gì được tích hợp sẵn, nhưng bạn có thể tải xuống nguồn và sau đó chỉ đặt thành phần có thể đặt vào dự án của bạn (có thể đổi tên và đảm bảo thay đổi nhập của bạn trong app.module.ts của bạn cho các thành phần DataTable), chỉnh sửa các tập tin datatable.ts (như đã thấy ở đây: https://github.com/primefaces/primeng/blob/master/src/app/components/datatable/datatable.ts)
và chiếm quyền điều khiển (mouseenter)="hover=true" (mouseleave)="hover=false" sự kiện trong mẫu và đặt các chức năng của riêng bạn đó để làm những gì bạn muốn nó đến, ví dụ:
(mouseenter)="showRowData($event)" (mouseleave)="hideRowData($event)"
một cái gì đó như thế. Theo như hiển thị dữ liệu thực tế, bạn sẽ phải quyết định xem bạn muốn nó như thế nào và sau đó thực hiện nó cho phù hợp [phạm vi vượt quá điều này].
Tôi không biết đó có phải là cách tốt nhất hay không, nhưng tôi nghĩ điều đó sẽ hiệu quả.