![](/img/trans.png)
[英]Angular 6 + Bootstrap 4 Select all and Deselect all Checkboxes
[英]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.