boostrap-table可以接收string类型吗

发布于 2022-09-04 11:55:50 字数 1733 浏览 13 评论 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
            };
        },
    });
});

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

谜兔 2022-09-11 11:55:50

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

流星番茄 2022-09-11 11:55:50

不支持.
后台可用

 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来转换的.
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文