Bootstrap table 初始化成功，调用函数

最新推荐文章于 2024-05-21 16:45:41 发布

原创最新推荐文章于 2024-05-21 16:45:41 发布 · 1.1w 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Web

本文介绍了如何在Bootstrap Table中初始化并成功调用函数countCheck()，该函数用于获取表格选择项的数量，并将其显示在页面上。

      var midss='{$mid}';
 var idss='{$apid}';
        $("#table").bootstrapTable('destroy');
        var table = $("#table");
        table.bootstrapTable({
            url: localurl + '/api/assets/getAssets3?type=2&mid=' + midss + '&apid=' + idss,
            sortName: 'id',
            responseHandler: function (res) {

                var data = [];
                var rowdata = [];
                var resdata = JSON.parse(res);
                data = resdata.data;
                return data;
            },
            columns: [
                [
                    {
                        field: 'flag',
                        checkbox: true,
                        formatter: function (value, row, index) {
                            if (row.flag == 1) {
                                return {
                                    checked: true//设置选中
                                };
                            } else {
                                return {
                                    checked: false//设置未选中
                                };
                            }
                        }
                    },
                    {field: 'id', title: 'id'},
                    {field: 'mapid', title: 'mapid',visible:false},
                    {field: 'debtor', title: '资产名称'},
                    {
                        field: 'assetsType',
                        title: '资产类型',
                        align: 'center',
                        sortable: true,
                        align: 'center',
                        formatter: 'assetsType'
                    },
                    {
                        field: 'principal',
                        title: '价格(万元)',
                        align: 'center',
                        sortable: true,
                        align: 'center',
                        formatter: 'length_text'
                    },
                    {
                        field: 'province',
                        title: '所在地',
                        align: 'center',
                        sortable: true,
                        align: 'center',
                        formatter: 'addressCode'
                    },
                ]
            ],
            onLoadSuccess:function(data){
          //我要在这里获取所有的数据的总行数
                countCheck();
            },
            onCheck:function(row){
                countCheck()
            },
            onUncheck:function(row){
                countCheck()
            },
            onCheckAll:function(rows){
                countCheck()
            },
        });

functioncountCheck(){
var assetsSelect= $(“#table”).bootstrapTable(‘getSelections’);$ (“#countCheck”).html(assetsSelect.length);
}