在RuoYi框架里给表格加双击打开

最新推荐文章于 2024-06-28 14:49:14 发布

原创最新推荐文章于 2024-06-28 14:49:14 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#若依ruoyi #后台管理系统 #java #spring boot #双击表格打开

JAVA 专栏收录该内容

80 篇文章

订阅专栏

本文介绍了一种在表格中实现双击事件的方法，通过自定义JavaScript函数，可以在双击某一行时打开新的页面或弹窗展示该行的详细信息。

有时候当表格列特别多时，查看数据得左右移动不太方便，于是我想着能不能双击时打开界面，然后各字段显示在里面，这样一目了然，看得也比较清楚。

于是我去若依的演示地址里找相关的实现，但遗憾的是并没有找到，于是自己写

在表格所在html里添加如下代码：

......
<script th:inline="javascript">
......  
        var onDblClickRow = function(row, $element){// table双击事件
            table.set();
            var url = table.options.showUrl.replace("{id}", row.id);
            $.modal.openTab("查看" + table.options.modalName, url);
        }

        $(function() {
            var options = {
                ......
                showUrl: prefix + "/show/{id}",
                onDblClickRow: onDblClickRow,
                columns: [
                ......
                ]
            };
            $.table.init(options);
        });
</script>