2017-02-20 1 views
0

Я использую библиотеку jQuery tablesorter вместе с диалоговым окном jQuery. Первый столбец в каждой строке - это ссылка, которая открывает запись в модальном диалоговом окне. То, что я хочу выполнить, состоит в том, чтобы выделить строку, когда эта ссылка нажата, и чтобы эта строка была выделена до тех пор, пока не будет нажата другая ссылка. Это позволит пользователю легко увидеть, какая строка была нажата после закрытия модального окна. Я попытался добавить/удалить класс выделения, когда ссылка нажата, но это не влияет. Например:jquery tablesorter выделяет выбранную строку до тех пор, пока не будет нажата другая строка.

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

Поведение Я ищу несколько иллюстрируются этот DataTables пример: https://datatables.net/examples/api/select_single_row.html

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

Кто-нибудь знает, возможно ли это с помощью tablesorter?

Заранее благодарен!

ответ

0

См. Пример «Focus highlight only» here. CSS может быть изменен для достижения желаемого желаемого эффекта.

+0

благодарит за ответ. Я попробовал это раньше и вернулся и попробовал снова проверить. Проблема заключается в открытии и закрытии модального окна. Когда это модальное окно закрыто, подсветка исчезает, поэтому пользователь не может определить, в какую строку они были включены. В любом случае я перенесла приложение в datatables, поэтому мне больше не нужно это решать. Не совсем уверен, как закрыть этот вопрос, хотя ... – mpaul

Смежные вопросы