码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap的table调用本列ID

时间:2016-11-29 19:17:32      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:string   document   bootstrap   地方   后台   重复   操作   attr   service   

  我们是用json解析数据。

  后台传送data数据~

String data = JSON.toJSONString(baseInfoService.list());
request.setAttribute("data", data);
<table id="table"></table>

 $(document).ready(function () {
        var data = JSON.parse(‘${data}‘);
//过滤掉重复的内容:

        $(‘#table‘).bootstrapTable({
            search: true,
            showColumns: true,
            checkboxHeader: true,
            sortStable: true,
            pagination: false,
            onlyInfoPagination: true,
            sortOrder: ‘desc‘,
            toolbar: ‘#tableToolbar‘,
            dataField: "row", //指定id
            columns: [{
                field: ‘Id‘,
                checkbox: true,
                align: ‘center‘,
            }, {
                field: ‘name‘,
                title: ‘名称‘
            }, {
                    title: ‘操作‘,
                    field: ‘Id‘,
                    align: ‘center‘,
                    formatter: function (value, row, index) { 
                        var e = ‘<a href="javascript:;" onclick="edit(\‘‘ + row.id + ‘\‘)">编辑</a> ‘;
                        var d = ‘<a href="javascript:;" onclick="del(\‘‘ + row.id + ‘\‘)">删除</a> ‘;
                        return e + d;
                    }
                }
            ],
            data: data
        });
    });

返回的json数据中 必须要查询到ID才可以调用ID。




大家有什么不明白的地方可以给我发邮件哦,wdnnccey@gmail.com


bootstrap的table调用本列ID

标签:string   document   bootstrap   地方   后台   重复   操作   attr   service   

原文地址:http://www.cnblogs.com/wdnnccey/p/6114752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!