2017-02-20 2 views
0

Ich verwende die jQuery tablesorter-Bibliothek zusammen mit dem jQuery UI-Dialogfeld. Die erste Spalte in jeder Zeile ist eine Verknüpfung, die den Datensatz in einem modalen Dialogfenster öffnet. Ich möchte die Zeile hervorheben, wenn auf diese Verknüpfung geklickt wird, und diese Zeile hervorgehoben halten, bis auf eine andere Verknüpfung geklickt wird. Dadurch kann der Benutzer leicht erkennen, auf welche Zeile nach dem Schließen des modalen Fensters geklickt wurde. Ich habe versucht, eine Hervorhebungsklasse hinzuzufügen oder zu entfernen, wenn auf die Verknüpfung geklickt wird, aber es hat keine Auswirkungen. ZB:jquery tablesorter markierte Zeile markieren, bis auf eine andere Zeile geklickt wird

$("edit_" + myID).click(function(){ 
     $("tr_" + myID).addClass("highlight"); 
    }); 

Das Verhalten ich suche ist etwas durch diese dargestellte Tables Beispiel: https://datatables.net/examples/api/select_single_row.html

Das Beispiel natürlich nicht die Aktion enthält das modale Fenster zu öffnen, aber angenommen, es tat und diese Zeilenmarkierung blieb bestehen, bis das Modal geschlossen ist, danach suche ich.

Weiß jemand, ob dies mit Tablesorter möglich ist?

Vielen Dank im Voraus!

Antwort

0

Siehe das Beispiel "Focus highlight only" here. Das CSS kann modifiziert werden, um den gewünschten Effekt zu erzielen.

+0

danke für die Antwort. Ich habe es vorher versucht und bin wieder gegangen und habe es noch einmal versucht, um es zu überprüfen. Das Problem liegt beim Öffnen und Schließen des modalen Fensters. Wenn dieses modale Fenster geschlossen wird, ist die Hervorhebung beendet, so dass der Benutzer nicht mehr weiß, in welcher Zeile er gerade war. In jedem Fall habe ich die Anwendung auf Datatables migriert, so dass ich das nicht mehr lösen muss. Nicht wirklich sicher, wie man diese Frage ausschließt, obwohl ... – mpaul

Verwandte Themen