zoukankan      html  css  js  c++  java
  • jqgrid的分组复选功能

    groupText: ['<input type="checkbox" class="groupHeader" style="top:3px"/>'&nbsp;{1}&nbsp;</span>条 '],
     $gridTable.on("change", "input[type=checkbox]", function (e) {
                var currentCB = $(this);
                var grid = $('#gridTable');
                var isChecked = this.checked;
                if (currentCB.is(".groupHeader")) { //if group header is checked, to check all child checkboxes
                    var checkboxes = currentCB.closest('tr').nextUntil('tr.gridTableghead_0').find('.cbox[type="checkbox"]');
                    checkboxes.each(function () {
                        if (!this.checked || !isChecked)
                            grid.setSelection($(this).closest('tr').attr('id'), true);
                    });
                } else {  //when child checkbox is checked
                    var allCbs = currentCB.closest('tr').prevAll("tr.gridTableghead_0:first").nextUntil('tr.gridTableghead_0').andSelf().find('[type="checkbox"]');
                    var allSlaves = allCbs.filter('.cbox');
                    var headerCB = allCbs.filter(".groupHeader");
                    var allChecked = !isChecked ? false : allSlaves.filter(":checked").length === allSlaves.length;
                    headerCB.prop("checked", allChecked);
                }
            });
  • 相关阅读:
    ch_6802 車的放置
    ch_POJ2182 Lost Cows
    ch_4201 楼兰图腾
    luogu_P3368【模板】树状数组 2
    门面
    建造者
    模板方法
    状态
    抽象工厂
    工厂方法
  • 原文地址:https://www.cnblogs.com/firstcsharp/p/12391898.html
Copyright © 2011-2022 走看看