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

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

$('#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个回答

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

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

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

caozhy
每个人都有一个梦才不会孤单的说话就有天堂 回复jnccgx: 用querystring,也就是问号后面跟着参数
7 个月之前 回复
jnccgx
jnccgx 如果想获取选中行的数据并把它传到下一个页面呢
7 个月之前 回复
//例如这是你的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
}

    $('#table').bootstrapTable({
        ……
        "createdRow" : function(row, data, dataIndex) {
            // row表示当前行,data表示当前行数据     用bind绑定click事件,第二个是方法的数据参数,第三个是方法名
            // 1表示 columns的第 2列(序号从0开始)
            $(row.children[1]).bind("click", data.roleCode, me.showRoleDetail);
        },
    });
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问