0

boostrap-table可以接收string类型吗

后台传到前端的值是string
$(function() {

    $('#worktable').bootstrapTable({
        toolbar: "#toolbar", //指定工具栏
        search: true, //是否搜索
        buttonsAlign: "left", //按钮对齐方式
        url: '${request.contextPath}/test/getList',
        height: '500',
        pagination: true, // 分页  
        striped: true, // 是否显示行间隔色  
        cache: false, // 是否使用缓存  
        pageSize: 10,//单页记录数
        pageList: [5, 10, 20],
        toolbar: "#toolbar", // 指定工具栏  
        showToggle: true, //显示切换视图
        showColumns: true, // 显示隐藏列  
        showRefresh: true, // 显示刷新按钮  
        sidePagination: "server", // 服务端处理分页  
        uniqueId: "id",
        queryParamsType:'limit',
        columns: [{
                field: 'state',
                checkbox: true,
                align: 'center',
                valign: 'middle'
            }, {
                title: 'ID',
                field: 'id',
                align: 'center',
                valign: 'middle',
                visible: true
            
            }, {
                title: '流程名称',
                field: 'name', // 字段  
                align: 'center', // 对齐方式(左 中 右)  
                valign: 'middle', //  
                sortable: true
                
            }, {
                title: '发布时间',
                field: 'deploymentTime',
                align: 'center',
                valign: 'middle',
                sortable: true
                
            }, 
        ],
        responseHandler: function(res) {
            return {
                total: res.total,
                rows: res.records
            };
        },
    });
});

这样写无法画出表格,但是也没有报错,我想问下如何修改呢

2个回答

0

你可以把url去掉,用ajax请求数据,用JSON.parse将数据转换为json,最后通过 $table.bootstrapTable('load', data)把数据设置上去就可以了

0

不支持.
后台可用

 response.setContentType("application/json;charset=UTF-8");
 response.setCharacterEncoding("UTF-8");
 response.getWriter().print(str);
 response.getWriter().flush();
 response.getWriter().close();

其中 str 是用FastJson 转换的字符串.

扩展:

 BootstrapTable bt = new BootstrapTable();
 bt.setRows(Analysis.queryAnalysisBySql(wh, or));
 bt.setTotal(Analysis.queryAnalysisTotal(wh));
 String str = bt.toJson();

public class BootstrapTable {
    
    List rows = new ArrayList<>();
    
    Integer total = 0;

    public String  toJson(){
        return JSON.toJSONString(this);
    }    
}

这样就返回Json了. 我是不支持楼上用JS来转换的.

撰写答案