决策报表报表块字体点击变色

就是在决策报表里的一个报表块里边,该报表块就显示两个字段,上边单元格显示数量,下边显示文件数量,  就是鼠标移动到“文件数量”上的时候或者单击的时候,文件数量这四个字要变色和字体变大,鼠标移出或者不点击了就变回原样了。  

这个功能怎么实现啊,  能不能不用js,本人不会js,也看不懂js代码。   

FineReport yzm335528 发布于 2023-12-21 13:59
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-12-21 14:01(编辑于 2023-12-21 14:02)

10版本

报表块悬浮变色,报表块初始化事件

setTimeout(function() {

    //选择时背景颜色变量  

//鼠标经过

$(".x-table.REPORT0table tr").mousemove(function() {

//所在行背景色:红色

        $(this).css("background-color","red");

//所在行单元格字体:18px

        $(this).find("td").css("font-size","18px");

});

//鼠标点击

$(".x-table.REPORT0table tr").mousedown(function() {

//所在行背景色:黄色

        $(this).css("background-color","yellow");

//所在行单元格字体:18px        

        $(this).find("td").css("font-size","18px");

});

//鼠标离开

$(".x-table.REPORT0table tr").mouseout(function() {

//所在行背景色:白色

        $(this).css("background-color","white");

//所在行单元格字体:12px 

        $(this).find("td").css("font-size","12px");

});

}, 1000);

===============

11版本就是

修改单元格字体接口-https://help.fanruan.com/finereport/doc-view-4302.html

  • yzm335528 yzm335528(提问者) 你这个普通报表的,我需要决策报表下的。 决策报表下的,根本没有模板WEB属性这个界面。
    2023-12-21 14:16 
  • snrtuemc snrtuemc 回复 yzm335528(提问者) 10版本就是决策报表的,11版本,示例5就是决策报表的,在报表块初始化事件,仔细就按文档
    2023-12-21 14:21 
最佳回答
1
姬迷怎滴Lv5初级互助
发布于2023-12-21 20:54
_g().getWidgetByName('report1').getCell(1,1).setStyle({ fontSize: '16px', color: 'red', fontFamily: '微软雅黑', border: '2px solid red' });

getWidgetByName后就是你报表块的组件名称,设置为点击事件

这是js的方法,决策基本不能用动态参数了会刷新整个页面,除了js还可以用条件属性配合超级链接表单对象传参的办法来实现,这个也会刷新但这个是局部刷新只刷新接受参数的报表块。至于点击恢复js可以给其他单元格或组件赋个值来做标记以此来if判断修改的样式,条件属性那个也是差不多的做法给参数传就是了

demo.zip

最佳回答
0
ID1208Lv6高级互助
发布于2023-12-21 14:22(编辑于 2023-12-21 14:24)

这个不是跟之前那个逻辑一样吗?

如果不想用JS,那用模板参数+超链接动态参数+条件属性

Form5.rar

image.png

1、模板参数

image.png

2、超链接-动态参数

image.png

3、条件属性

image.png

image.png

  • yzm335528 yzm335528(提问者) 试了这个了,不太行,点击之后还得重新刷新整体页面,不太好看。 我试试其他的吧,谢谢!!!
    2023-12-21 15:09 
  • 2关注人数
  • 286浏览人数
  • 最后回答于:2023-12-21 20:54
    请选择关闭问题的原因
    确定 取消
    返回顶部