Bootstrap表从选定的行获取数据

时间:2018-08-23 06:07:23

标签: javascript php bootstrap-table

我已经创建了一个引导表(参见图片)

enter image description here

此表由与php服务器端的mysql连接填充。

我的问题是要从表中的选定行获取数据,我知道我必须使用函数

  

bootstraptable('getselections')

但是我收到了

  

getSelections:[object Object]

此内容

  

getSelections:[{“ Nation”:“ dad”,“ Site”:“-”}]

请你能帮我吗?

完整代码在这里

<div id="toolbar">
            <button id="button" class="btn btn-default">getSelections</button>
        </div>
<table id="table" data-click-to-select="true" 
                data-toggle="table"
               data-toolbar="#toolbar"
               data-height="600"
               data-click-to-select="true" 
               data-url="db_list.php"
               data-search="true"
               data-pagination="true"
               >
            <thead>
            <tr>
                <th data-field="num"  data-checkbox="true" >#</th>
                <th data-field="Nation">Nation</th>
                <th data-field="Site">Site</th>
            </tr>
            </thead>

               </table>

<script type="text/javascript">
    var $table = $('#table'),
        $button = $('#button');

    $(function () {
        $button.click(function () {
            alert('getSelections: ' +  $("#table").bootstrapTable('getSelections'));
        });
    });
</script>

1 个答案:

答案 0 :(得分:1)

引用Bootstrap Table getSelections example

它使用JSON.stringfy函数。因此,您必须使用以下方法。

alert('getSelections: ' + JSON.stringify($("#table").bootstrapTable('getSelections')));