CheckboxColumn

Вопросы по вёрстке и JavaScript
Ответить
Wizard
Сообщения: 156
Зарегистрирован: 2018.02.05, 13:41
Контактная информация:

CheckboxColumn

Сообщение Wizard » 2018.05.26, 12:30

Всем примет! Какая то беда у меня с этим классом

хочу сделать неактивными кнопки групповых действий если чекбоксы не отмечены и активировать если есть отмеченные. в случают с чекбоксами в списке все норм но при выборе верхнего чекбокса select-on-check-all действие инвертируется. как побороть?

Код: Выделить всё

    $("input[name*=selection]").on('change', function() {
        console.log($('input[name*=selection]:checked').length);
    });
    
    $(document).on('click', '[data-action]:not(.disabled)', function(){
        $('#grid-form').prop('action', $(this).data('action')).submit();
    });

Wizard
Сообщения: 156
Зарегистрирован: 2018.02.05, 13:41
Контактная информация:

Re: CheckboxColumn

Сообщение Wizard » 2018.05.26, 12:47

на данный момент решил таким образом

Код: Выделить всё

$(function() {

    // Выделить все
    $(".select-on-check-all").on('change', function() {
        $('[data-key] input[type=checkbox]').prop('checked', $(this).prop('checked')).trigger('change');
    });

    $("[data-key] input[type=checkbox]").on('change', function() {
        var disabled = $('[data-key] input[type=checkbox]:checked').length <= 0;
        $('.button-action').prop('disabled', disabled);
    });

    $(document).on('click', '[data-action]:not(.disabled)', function(){
        $('#grid-form').prop('action', $(this).data('action')).submit();
    });

});
https://prnt.sc/jmtw4q]

https://prnt.sc/jmtuuj

Ответить