ruoyi鼠标单击一行选中数据

最近使用ruoyi框架的时候，在table中选中某行记录，可以用checkbox打对勾选中。

但是有需求想在鼠标单击某行的时候，某行颜色加深并被选中，所以进行了简单实现，

页面在引入必要的jQuery和ruoyi所需要的js之后，页面的数据展示会在table中进行展示：

<div><table id="bootstrap-table" data-mobile-responsive="true"></table>
</div>

此刻如果想要在table中通过鼠标单击选中某行的话，关键的js代码如下：

//定义每行数据row
var replaceVideoRow = "";//功能js，添加到script标签中即可
$(function() {//通过鼠标单击，加深某行颜色，并remove掉之前被选中行的颜色$("#bootstrap-table").on('click', 'tr', function() {$("#bootstrap-table").find("tbody").find("tr").each(function() {$(this).removeClass('color');});$(this).addClass('color');});//通过鼠标单击将row放到自定义replaceVideoRow，然后就可以通过replaceVideoRow获取对象相应属               //性的数据$('#bootstrap-table').on('click-row.bs.table', function(e, row, element) {replaceVideoRow = row;});})

对应的color如下，颜色背景根据需要可自行定义

<style>.color{background-color: ##31b000   !important;color: white;}
</style>

ruoyi鼠标单击一行选中数据相关推荐

鼠标单击就选中一个字的解决办法
有时候我们想在两个字中间插入一个字,点击鼠标时却总是选中一个字. 解决办法: 按一下键盘的Insert键就好了. 造成这种情况的原因:极大可能是因为我们删除文字时不小心碰到了Insert键. 看完如果 ...
layui单击一行直接选中
layui单击一行选中单选框 layui的table单击行勾选checkbox功能 var num = 0;//全局变量,防止重复点击//监听行单击事件(双击事件为:rowDouble)table.o ...
.net dataGridView当鼠标经过时当前行背景色变色；然后【给GridView增加单击行事件，并获取单击行的数据填充到页面中的控件中】...
1.首先在前台dataGridview属性中增加onRowDataBound属性事件 2.然后在后台Observing_RowDataBound事件中增加代码 protected void Obser ...
MFC鼠标单击截获鼠标双击事件，且无法记录单击的数据的解决方案
遇到的问题: 鼠标点击会截断鼠标双击的事件,无法保存椭圆的数据.也就是说双击执行的过程是OnLButtonDown,OnLButtonUp,OnLButtonDblClk,OnLButtonUp.并不 ...
关于怎么获取Repeater控件复选框选中的那一行的数据
关于怎么获取Repeater控件复选框选中的那一行的数据 1.首先你要有一个repeater控件,并且里面有复选框控件 2.废话不多话,直接上代码 Dim i As Integer'Car是repea ...
单单表单独占一行_数据透视表→Alt+D+P?
数据透视表是Excel中最快.最灵活.最强大的数据处理分析工具.它可以轻松快速地进行分类汇总.筛选与排序.数据比较分析等各种复杂的数据统计.在数据汇总和分析方面,它比各类求和.求平均.求占比Sumif ...
excel根据条件列转行_如何将excel里的一列数据转为一行 excel数据列转行的办法步骤...
如何将excel里的一列数据转为一行 excel数据列转行的办法步骤我们的生活中越来越离不开PC,但在使用PC的过程中总会遇到各种各样的问题.知识屋致力于给PC小白朋友们介绍一些简单常用问题的解决办 ...
html鼠标特效怎么设置到桌面,用CSS实现鼠标单击特效
如果你能很好地应用CSS,那么你的主页将被打扮得很靓.下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图. 1.将下面的代码复制到你的主页中和之间. 〈STYLE〉.shadow { FILTER: ...
GMap.NET入门详细教程【4】--------为控件添加事件，在鼠标单击时打点
GMap.NET入门下载 GMap.NET,并在VS中添加GMap.NET控件初始化并加载一张地图添加标记点.线.多边形为控件添加事件,在鼠标单击时打点快捷添加选中窗体中的GMap控件,并 ...

ruoyi鼠标单击一行选中数据

ruoyi鼠标单击一行选中数据相关推荐

最新文章

热门文章