Телеграмм чат группы js

Всем привет!
Чуваки, я вообще не фронт, но я реализовал сортировку и филтрация для этой таблицы, все норм кроме сортировки по столбцу IsMarried

Я погуглил, и есть возможность менять значение галочки на текст, только не могу найти пример похожий "изменить значение по условию js"

источник

22:55пожаловаться #12

М

Мадара in JavaScript — русскоговорящее сообщество

Я больше по бекенду, написал бек для парсинга файла, запись в бд и круд этих данных через веб за день. А вот добить работу с таблицей не могу

источник

22:55пожаловаться #13

SS

Sergiy Shatunov in JavaScript — русскоговорящее сообщество

Мадара

Всем привет!
Чуваки, я вообще не фронт, но я реализовал сортировку и филтрация для этой таблицы, все норм кроме сортировки по столбцу IsMarried

Я погуглил, и есть возможность менять значение галочки на текст, только не могу найти пример похожий "изменить значение по условию js"

я так понял, это булево поле, не вижу существенных проблем в сортировке по нему. сортирутся же данные, а не их представление?

источник

23:00пожаловаться #14

М

Мадара in JavaScript — русскоговорящее сообщество

Sergiy Shatunov

я так понял, это булево поле, не вижу существенных проблем в сортировке по нему. сортирутся же данные, а не их представление?

вот как сортирует по полям

источник

23:02пожаловаться #15

М

Мадара in JavaScript — русскоговорящее сообщество

Sergiy Shatunov

я так понял, это булево поле, не вижу существенных проблем в сортировке по нему. сортирутся же данные, а не их представление?

источник

23:02пожаловаться #16

М

Мадара in JavaScript — русскоговорящее сообщество

Воть скрипт:

<script>
    $('th').click(function () {
        var table = $(this).parents('table').eq(0)
        var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()))
        this.asc = !this.asc
        if (!this.asc) { rows = rows.reverse() }
        for (var i = 0; i < rows.length; i++) { table.append(rows[i]) }
    })
    function comparer(index) {
        return function (a, b) {
            var valA = getCellValue(a, index), valB = getCellValue(b, index)
            return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
        }
    }
    function getCellValue(row, index) { return $(row).children('td').eq(index).text() }
</script>

источник

23:02пожаловаться #17

SS

Sergiy Shatunov in JavaScript — русскоговорящее сообщество

Мадара

Воть скрипт:

<script>
    $('th').click(function () {
        var table = $(this).parents('table').eq(0)
        var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()))
        this.asc = !this.asc
        if (!this.asc) { rows = rows.reverse() }
        for (var i = 0; i < rows.length; i++) { table.append(rows[i]) }
    })
    function comparer(index) {
        return function (a, b) {
            var valA = getCellValue(a, index), valB = getCellValue(b, index)
            return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
        }
    }
    function getCellValue(row, index) { return $(row).children('td').eq(index).text() }
</script>

не помню всех возможностей JQuery, но значение чекбокса это не val() (сейчас попробую вникнуть в код)

источник

23:06пожаловаться #18

PD

Pavlo Dovbush in JavaScript — русскоговорящее сообщество

Всем привет, нужно что то типа библиотека для создания правильных названий 1 комментарий, 2 комментария, 7 комментариев и т д. Есть что то такое?

источник

23:07пожаловаться #19

IU

Ivan Uslov in JavaScript — русскоговорящее сообщество

const toggleCardPopup = (popupCard) => {

popupCard.classList.toggle("popup-form_showed");

};

closeImagePopup.addEventListener('click', () => toggleCardPopup(cardImage));

Народ что я не так делаю? Оно очень странно себя введет.. 1 раз нормально, а потом как будь-то циклируется.. уже башка не шарит...

может в слушатель не правильно как то делаю?

источник

23:14пожаловаться #20