jnccgx
jnccgx
2019-08-27 08:21
采纳率: 0%
浏览 1.5k

bootstrap table怎么样点击表格某一行内容跳转到该行内容的详情页(能够取到选中行的数据

详情页显示的是关于这一条内容的更多数据
注释掉的地方是做过的尝试
呜呜呜求大佬

$('#table').bootstrapTable({
            method: 'get',
            striped: true,
            pagination: true,
            singleSelect:true,
            dataType: 'json',
            pageNumber: 1,                       //初始化加载第一页,默认第一页
            pageSize: 10, //每页的记录行数
            onClickRow:function(row, $element) {
                //  var row=$("#table").bootstrapTable('getSelections');
                //  var rowsid = row.serial;
                // // var selectedRow = $('#table').bootstrapTable("getSelected");
                // alert(rowsid);
                // var row=$('#table').bootstrapTable('getSelections');
                // $table.bootstrapTable('getSelections').
                var row = $table.bootstrapTable('getRowByUniqueId', 1);
            },
            columns: [
                { checkbox: true },
                {

                field: 'serial',
                title: '序列号'
            }, {
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • caozhy

    就你注释的地方,写onClickRow: function (row),首先写一个 alert("ok");
    看看事件是否执行

    如果执行,onClickRow: function (row) { alert(row); }
    看看能不能得到行,进而得到id

    最后写上类似 window.location.href="你的地址?id=" + 你的id;

    点赞 评论
  • u013254183
    老铁咖啡 2019-08-28 10:48
    //例如这是你的row
    var data = [
    {
        'id': 0,
        'name': 'Item 0',
        'price': '$0'
    },
    {
        'id': 1,
        'name': 'Item 1',
        'price': '$1'
    },
    {
        'id': 2,
        'name': 'Item 2',
        'price': '$2'
    },
    {
        'id': 3,
        'name': 'Item 3',
        'price': '$3'
    },
    ]
    
    onClickRow:function(row, $element) {
        //这里的row参数就是点击某行获取的行对象,可以row.id,row.name,row.price等等这样获取行内的数据
        alert(row.id)
        //这里是跳转页面,把参数带到后面就行,如果有多个就用&把参数隔开就可以
        window.location.href="index.html?id=" + row.id
    }
    
    
    点赞 评论
  • qq_34480904
    Limbo_Mr 2019-08-29 17:37
        $('#table').bootstrapTable({
            ……
            "createdRow" : function(row, data, dataIndex) {
                // row表示当前行,data表示当前行数据     用bind绑定click事件,第二个是方法的数据参数,第三个是方法名
                // 1表示 columns的第 2列(序号从0开始)
                $(row.children[1]).bind("click", data.roleCode, me.showRoleDetail);
            },
        });
    
    点赞 评论

相关推荐