datatable <a>标签url跳转

最新推荐文章于 2024-02-19 14:33:05 发布

是卿卿

最新推荐文章于 2024-02-19 14:33:05 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： datatables js springboot

本文链接：https://blog.youkuaiyun.com/qq_26169011/article/details/82225365

js 专栏收录该内容

8 篇文章

订阅专栏

博客介绍了从JS开始实现table表格回显，在return处添加a标签并写onclick事件，通过rowIndex返回table某一行位置，给出跳转链接格式，还说明了链接对应Spring Boot中controller主类和方法的@RequestMapping，实现表格跳转功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先从js开始：
此处为table表格回显，在return处添加a标签，写一个onclick事件
（userInfo是js的一个方法）

// dataTables回显
var   columns = [
    {"data": "id","visible" : false},
    {
        "data": "username",
        render : function(data, type, row, meta){
            if (data) {
                return' <a onclick="userInfo(\'' + meta.row + '\')">'+data+'</a>';
            } else {
                return "——";
            }
        }
    }
]

rowIndex表示返回table某一行的位置

function userInfo(rowIndex) {
var rowData = $('#controllLogTable').DataTable().rows().data()[rowIndex];
//查询出controllLogTable中所有字段的值
window.location.href="/userInfo/userList?id="+rowData.uid;
}

“/userInfo/userList?id=”+rowData.uid;
/userInfo对应要跳转到页面的controller主类中的@RequestMapping("/userInfo")
/userList对应controller类中方法的@RequestMapping("/userList")

@RequestMapping("/userList")
public ModelAndView userInfo(@Param("id")Long id){
    ModelAndView mv = new ModelAndView();
    mv.addObject("id",id);
    mv.setViewName("userInfo");
    return mv;
}

不懂可以问哦