Kliknięcie i zaznaczenie wiersza w tabeli

Odpowiedz Nowy wątek
2017-09-13 16:52
0

Hej, w ramach nauki tworzę sobie projekt w spring boot. Mam widok w którym pobieram z bazy danych klienta, chciałbym teraz w tym widoku dodać opcje edytowania np. Telefonu. W widoku HTML mam zwykła tabele do której przekazuje tych klientów i chciałbym jakoś zrobić żeby po kliknięciu na danego klienta zaznaczał się wiersz i po naciśnięciu EDYTUJ wyświetlał się modal z edycja . Przycisk edytuj jest jeden dla wszystkich w tabeli.
Mój problem jest taki że nie wiem jak stworzyć taki skrypt, który by zaznaczał wiersz.
Ma ktoś jakiś pomysł ?

Pozostało 580 znaków

2017-09-13 18:51
0

Może wystarczy Ci coś takiego ze po zdarzeniu onclick nadajesz klasę cssowa dla danego TR i tyle? jeśli kliknięcie nastąpi poza obrębem danej tabeli to zabierz te klasę.
To tak na szybko. Możesz to zrobić w czystym jsie albo np w jQuery. A co do modala - każdy wiersz tabeli może np przechowywać id usera w atrybucie rel. Wtedy po kliknięciu w przycisk edytuj, wybierasz element z nadana wcześniej klasa i odczytujesz atrybut rel

edytowany 4x, ostatnio: axelbest, 2017-09-13 19:43
Potwierdzam, to jest najlepsza i najlżejsza metoda. - dualjack 2017-09-14 09:31
Wg mnie lepsza jest metoda, która niżej opisał @Desu. Jest ogólnie prostsza, no ale jak OP chce tak, to podpowiedzialem co mogłem :) - axelbest 2017-09-14 09:48

Pozostało 580 znaków

2017-09-14 08:45
0

A nie lepiej jest zrobić guzik edytuj dla każdego tr'a?
https://jsfiddle.net/y2rjknyg/

Swoją drogą jak chcesz robić takie dynamiczne tabelki itp, to podczep sobie jakies Vue.js czy coś, bo sie zaje**** z synchronizacją tabeli po zaktualizowaniu rekordu w modalu.

edytowany 1x, ostatnio: Desu, 2017-09-14 10:09
Właśnie nie mogę tak robić, ale może właśnie skorzystam z Vue.js - pawlo00 2017-09-14 20:31

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0