【问题标题】:Select all checkboxes in all pages in the Bootstrap Table选中引导表中所有页面中的所有复选框
【发布时间】:2019-03-27 19:52:07
【问题描述】:

我需要根据我所做的验证选择所有页面的所有复选框,但是当前验证仅来自当前页面,并且我需要在单击按钮时选择并维护所有页面,即使我在它们之间浏览。

示例:https://examples.bootstrap-table.com/#issues/1167.html

我已经试过了:

当前 JS:

Check: function (value, row, index) {
    var _this = oSelecao;

    if (row.check == true) {
        $('#btn_editarcep' + row.pfid).attr("disabled", "disabled");
        $('#btn_editaremail' + row.pfid).attr("disabled", "disabled");
    }
    if (row.cep.length != 8) {
        row.verificaEnder = 0;
    }
    if (row.verificaFotos == 0 || _this.ValidarEmail(row.email) == false || (_this.parampixel != "True" && (row.cep.length != 8 || row.verificaEnder == 0))) {
        if (_this.ValidarEmail(row.email) == false) {
            row.verificaEmail = 0;
        }
        return {
            disabled: true
        };
    }
    if (_this.Verificaseexiste(row)) {
        return {
            checked: true
        };
    }
    return value;
}

暂定JS:

var allPages = oSelecao.fnGetNodes();

$('body').on('click', '#btnCheckMuniz', function () {
        if ($(this).hasClass('allChecked')) {
            $(row.check, allPages).prop('checked', false);
        } else {
            $(row.check, allPages).prop('checked', true);
        }
        $(this).toggleClass('allChecked');
    })

【问题讨论】:

    标签: javascript html twitter-bootstrap bootstrap-table


    【解决方案1】:

    来自https://github.com/wenzhixin/bootstrap-table/issues/3445#issuecomment-348382740

    <div id="toolbar">
        <button class="btn btn-default" id="check">Check All</button>
         <button class="btn btn-default" id="uncheck">Uncheck All</button>
    </div>
    <table id="table"
           ...
           data-response-handler="responseHandler">
    ...
    
    <script>
    var checkAll = false
    
    $(function () {
        $('#check').click(function () {
        checkAll = true
        $('#table').bootstrapTable('checkAll')
      })
        $('#uncheck').click(function () {
        checkAll = false
        $('#table').bootstrapTable('uncheckAll')
      })
    })
    function responseHandler(res) {
        res.rows.forEach(function (item) {
        item.state = checkAll
      })
      return res
    }
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-07-12
      • 2015-07-05
      • 2015-08-12
      • 1970-01-01
      • 2016-01-17
      • 1970-01-01
      • 2020-11-23
      相关资源
      最近更新 更多