报表鼠标选中当前行变色
来源:互联网 发布:原油 软件 编辑:程序博客网 时间:2024/05/29 13:02
需求描述:
当数据列很多的时候一般会有滚动条出现来拖动进行查看记录,这样会出现一种情况当拖动很长的时候不知道是哪条记录了,用我们的报表双向锁定表头可以做到,同样当我们鼠标移动到某条记录上的时候整个一行加色也可以做到。
处理方式如下:
在jsp页面加上一段js和css就可以代码如下:
<style id="report2_style">
.report1_2 { text-align:left;vertical-align:middle;font-family:Dialog;font-size:12px;color:#000000;font-weight:normal;font-style:normal;text-decoration:none;border-left-style:solid;border-left-width:1px;border-left-color:#000000;border-top-style:solid;border-top-width:1px;border-top-color:#000000;border-right-style:solid;border-right-width:1px;border-right-color:#000000;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#000000;word-break:keep-all;}
</style>
<scriptlanguage="javascript">
function changeStyle(obj)
{
var row = obj.parentNode;
for(var i=0;i<row.cells.length;i++)
{
row.cells[i].className='report1_2';
}
row.style.background ='#0099ff';
}
function changeBackStyle(obj)
{
var row = obj.parentNode;
for(var i=0;i<row.cells.length;i++)
{
row.cells[i].className='report1_1';
}
}
</script>
最终效果
- 报表鼠标选中当前行变色
- 鼠标点击当前行背景变色(附有指示图片)
- jQuery选中当前行
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- infragistics guid 选中当前行
- 当鼠标悬点时,突出当前行
- 获取checkbox选中当前行的值
- UniEAP实现grid点击选中当前行
- js当行变色点击变色鼠标滑过变色
- bootstrap-table,当前行鼠标悬停样式
- 点击Gridview行,选中/取消选中,当前行中的Checkbox
- table中当鼠标经过时变色
- 右键点击DGV同时选中当前行的方法
- Gridview中checkbox选中时获取当前行id
- jqgrid禁掉点击行时,选中当前行。
- 单击行,自动选中当前行中的单选框按钮
- 点击table行时,默认选中当前行中的复选框
- 报表中如何制作“删除当前行”的按钮
- 配置好的自定义AlertDialog 拿来就用
- 如何实现一个自己的嵌入式语言y
- linux 中HTTP简单的框架
- 使用Greasemonkey修改指定页面的样式显示或执行脚本
- 最全面 Nginx 入门教程 + 常用配置解析
- 报表鼠标选中当前行变色
- 通向架构师的道路(第十天)之Axis2 Web Service(一)
- Ural1272-Non-Yekaterinburg Subway
- 如何给Apk中注入代码【开发一款自动注入代码工具icodetools(开凿篇)】
- 前台遍历jison中的map
- Maven有什么用?怎么用?
- TIFF
- 递归删除指定的目录及文件
- java并发实战阅读笔记 --2