从 mysql 查询中显示布尔值引导表复选框列答案

【问题标题】：Show boolean values bootstrap table checkbox column from mysql query从 mysql 查询中显示布尔值引导表复选框列
【发布时间】：2017-09-17 15:53:33
【问题描述】：

我有mysql表：

CREATE TABLE bd_grid.tbl_datatable (
`id`         int(10) NOT NULL auto_increment,
`name`       varchar(250) NOT NULL default '',
`email`      varchar(250) NOT NULL default '',
`mobile`     varchar(250) NOT NULL default '',
`start_date` timestamp DEFAULT CURRENT_TIMESTAMP,
`status`     TINYINT(1),
PRIMARY KEY  (`id`));

“状态”列用于插入布尔值 (0,1)，这是我如何插入布尔值的一个示例。

INSERT INTO bd_grid.tbl_datatable(`name`,`email`,`mobile`,`status`) VALUES('Ricardo Alejandro Lopez Reyes','lopezr853@gmail.com','8443853097',true);

所有这些值，我使用引导表来显示它们，但我想要显示“状态”列中的值的方式是一个复选框列。如果 'STATUS' 的值为 0，则复选框未选中，如果 status 的值为 1，则选中复选框。

        <script type="text/javascript">

            var $table = $('#table');

                $table.bootstrapTable({
                    url:'list-user.php',
                    search:true,
                    pagination: true,
                    buttonsClass: 'primary',
                    showFooter: true,
                    minimumCountColumns: 2,

                    columns: [{
                        field: 'id',
                        title: '#',
                        sortable: true
                    },{
                        field: 'name',
                        title: 'Nombre',
                        sortable: true
                    },{
                        field: 'email',
                        title: 'E-mail',
                        sortable: true
                    },{
                        field: 'mobile',
                        title: 'Celular',
                        sortable: true
                    },{
                        field: 'start_date',
                        title: 'Fecha Inicio',
                        sortable: true
                    },{
                        field: 'status',
                        title: 'Estatus',
                        checkbox: true,
                        checkboxEnabled: true
                    }]
                });
        </script>
        </BODY>
</HTML>

当我加载我的引导表时，所有复选框都未选中，我使用这个文件来迭代 mysql 表中的所有数据

请检查下面的 list-user.php 代码。我正在使用此代码将信息加载到 BOOTSRAP 表中。有条件的if ($rowList['status'] == 1)，我想将我的复选框的状态更改为未选中但我真的不知道如何操作“状态”列来更改复选框。

list-user.php

<?php
require 'db.php';

$sqltran = mysqli_query($con, "SELECT * FROM tbl_datatable ")or die(mysqli_error($con));
$arrVal = array();

$i=1;
while ($rowList = mysqli_fetch_array($sqltran)) {

    $name = array(
        'id' => $i,
        'name'=> $rowList['name'],
        'email'=> $rowList['email'],
        'mobile'=> $rowList['mobile'],
        'start_date'=> $rowList['start_date'],
        'status'=> $rowList['status']


    );

    if ($rowList['status'] == 1) {


        // CODE TO CHANGE THE STATUS OF THE CHECKBOX TO checked

        array_push($arrVal, $name);
        $i++;
    }

    else {

        // CODE TO CHANGE THE STATUS OF THE CHECKBOX TO unchecked
        array_push($arrVal, $name);
        $i++;
    }

}
echo  json_encode($arrVal);


mysqli_close($con);
?>

【问题讨论】：

标签： php jquery mysql checkbox

【解决方案1】：

你可以试试这样的：

在您的专栏中：

columns: [{
   field: 'id',
   title: '#',
   sortable: true
},{
   ...
},{
   field: 'check',
   title: 'Estatus',
   checkbox: true
},{
   field: 'status',
   visible: false
}]

数据表加载后：

$table.on('load-success.bs.table', function() {
    $table.bootstrapTable("checkBy", {
        field: "status", 
        values: [1]
    });
});

如果列状态的值 = 1，则选中相应的复选框（来自列检查）。 checkBy 方法的文档：

通过值数组检查一行，参数包含：

field：用于查找记录的字段名称

values：要检查的行的值数组

示例：$("#table").bootstrapTable("checkBy", {field:"field_name", values:["value1","value2","value3"]})

【讨论】：