jnccgx 2019-08-27 08:21 采纳率: 0%
浏览 2186
已结题

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条回答 默认 最新

  • 珍妮玛•黛金 博客专家认证 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
    }
    
    
    评论

报告相同问题?

悬赏问题

  • ¥50 随机森林与房贷信用风险模型
  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备