Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
phoenix_css
0 / 0 / 0
Регистрация: 09.09.2017
Сообщений: 27
#1

Не выделяется строка таблицы

24.10.2017, 10:09. Просмотров 181. Ответов 1
Метки нет (Все метки)

Добрый день.
При обработке клика на строку не выделяется нужная строка после сортировки.
Для сортировки удаляется исходная таблица и строится по новой на основании отсортированного объекта.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 $('.myTable tr').on('click', function(event){
        let currentElement = $(this);
        let parentTag = currentElement.parent().get(0).tagName;
        let target = $(event.target);
        let field = target.text();
        let newArray = objArray;
        let i = 0;
        $(".myTable tr").each(function(){
            if (parentTag=='THEAD'){
                $("th",$(this)).each(function(){
                    if(field == $(this).text()) {
                        return false;
                    }
                    else i++;
                });
            }
        });
        $('.myTable').detach();
        newArray.sort(compare(selectField(i)));
        createTable(tableTitle,newArray);
        $(".myTable tr").each(function(){
            if(currentElement.html()!=$(this).html()){
                $(this).removeClass('redRow');
            }
        });
        $(this).toggleClass('redRow');
    });
Не срабатывает toggleClass, хотя $(this) нормально определяется и его text() и html() легко достаются.
И при следующем нажатии на поле заголовка сортировки не происходит.
Более того, иногда сортирует при нажатии на поле таблицы (TD).

Добавлено через 7 часов 17 минут
Проблему с выделением решил.
Создал отдельный обработчик клика на TH
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('.myTable th').on('click',function(){
        let i = 0;
        let newArray = objArray;
        for(i in tableTitle){
            if(tableTitle[i]==$(this).text()){
                newArray.sort(compare(selectField(i)));
                break;
            }
        }
        $('.myTable').detach();
        createTable(tableTitle,newArray);
        i = 0;
  });
При этом оставил обработчик события клика на TR, в котором только выделение красным цветом нужной строки.
Javascript
1
2
3
4
5
6
7
8
9
10
$('.myTable tr').on('click', function(event){
        let currentElement = $(this);
        $(".myTable tr").each(function(){
            if(currentElement.html()!=$(this).html()){
                $(this).removeClass('redRow');
            } else {
                $(this).toggleClass('redRow');
            }
        });
});
Однако при повторном клике ни одно событие вообще не вызывается. Если использовать remove() при удалении, то после создания даже до красного цвета дело не доходит.
Почему? И как с этим бороться?

Добавлено через 14 часов 29 минут
По-ковырялся с проблемкой и пришёл к выводу: дело в том, что после применения detach() не восстанавливаются события, которые ранее были на строках и элементах таблицы.
И тогда задача сводится к тому, чтобы как-то восстановить эти события

Добавлено через 22 минуты
Восстанавливается вот так, как я понимаю:
Javascript
1
2
let newTable = $('.myTable').detach();
newTable.appendTo('.content');
Однако, будет лишь исходная таблица, а нужна отсортированная. Теперь вопрос в том, как сделать отсортированную с восстановленными событиями
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.10.2017, 10:09
Ответы с готовыми решениями:

Строка таблицы как ссылка на материал
Здравствуйте. Есть сайт на drupal 7. На сайте есть таблицы с объявлениями. В...

Редактор таблицы, в которой только одна строка
Подскажите доделать не получается.. Редактор таблицы, в которой только одна...

Редактор таблицы, в которой только одна строка
Редактор таблицы, в которой только одна строка, с возможностями: добавить...

Не выделяется select с единственным option
В одном select'е выбираю значение, после чего аяксом подгружаю соотвествующие...

Сколько бит выделяется в javaScript числу?
Сколько бит выделяется в javaScript числу? А то непонятно, будут ли теряться...

1
Уф
579 / 565 / 366
Регистрация: 13.07.2015
Сообщений: 1,717
Завершенные тесты: 1
24.10.2017, 10:24 #2
Javascript
1
2
3
$('.content').on('click', '.myTable tr', function(event){
 
});
нужно закреплять обработчики на статических элементах уровнем выше, которые не исчезают со страницы, это называется делигирование
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
24.10.2017, 10:24

Не выделяется строка
добрый день! Подскажите как сделать чтобы при добавлении в датагрид он выделял...

Строка не выделяется
Есть таблица товаров и нужно было сделать так : когда остаток товаров остается...

Не выделяется цветом строка в RichEdit
procedure TForm1.Button2Click(Sender: TObject); var i: integer; begin for...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru