簡體   English   中英

選擇 Bootstrap 表中所有頁面中的所有復選框

[英]Select all checkboxes in all pages in the Bootstrap Table

我需要根據我所做的驗證選擇所有頁面的所有復選框,但是當前驗證僅從當前頁面獲取,並且我需要在單擊按鈕時選擇並維護所有頁面,即使我在它們之間瀏覽.

示例: 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');
    })

解決方案在這里發布

我嘗試了這個並且有效

var checkAll = false
$(function () {
    $('#checkAll').click(function () {
        checkAll = true
        $('#table').bootstrapTable('checkAll')
    })
    $('#uncheckAll').click(function () {
        checkAll = false
        $('#table').bootstrapTable('uncheckAll')
   })
})
function responseHandler(res) {
    res.rows.forEach(function (item) {
        item.state = checkAll
    })
    return res
}

來自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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM