如何通过JS来更改决策报表中,报表块的控件位置和控件大小

image.png

我想通过JS来调整 决策报表 中控件的位置和控件的大小

目的是当报表满足一定条件的时候,自动调整位置

FineReport 唐流雨 发布于 2021-6-4 14:30
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
luojian0323Lv7资深互助
发布于2021-6-4 14:32(编辑于 2021-6-4 14:49)

这个还是可以的

image.png

按钮点击事件:

if(this.getText()=="隐藏控件1"){

$(".fr-trigger-editor.ui-state-enabled").eq(0).hide()

$(".fr-trigger-editor.ui-state-enabled").eq(1).css("top","12px")

this.setText("显示控件1")

}

else {

$(".fr-trigger-editor.ui-state-enabled").eq(0).show()

$(".fr-trigger-editor.ui-state-enabled").eq(1).css("top","45px")

this.setText("隐藏控件1")

}

控件自动调整位置 .gif

  • 唐流雨 唐流雨(提问者) 这个 eq(0) eq(1) 是什么?
    2021-06-04 15:20 
  • luojian0323 luojian0323 回复 唐流雨(提问者) 因为有两个下拉框,需要用eq()来确定是哪一个 eq(0)第一个 eq(1)第二个, 依次类推
    2021-06-04 15:22 
  • 唐流雨 唐流雨(提问者) 回复 luojian0323 //获取要判断的参数值 if (role.indexOf(\'23_财务日报\')>=0){ //如果参数值为空,则隐藏按钮控件 this.options.form.getWidgetByName(\"report0\").setVisible(false); $(\".fr-trigger-editor.ui-state-enabled\").eq(1).css(\"left\",\"45px\"); } 我是这么写的,但是报表块没有移动
    2021-06-04 15:30 
  • 唐流雨 唐流雨(提问者) 回复 luojian0323 我有两个报表块,我是想 当这个if条件成立时,report0 隐藏,report1移动位置
    2021-06-04 15:31 
  • luojian0323 luojian0323 回复 唐流雨(提问者) 报表块2也要设置css的属性啊 你的js没有设置报表块2哦
    2021-06-04 15:39 
最佳回答
0
shirokoLv6资深互助
发布于2021-6-4 14:48

_g().getWidgetByName('TABLAYOUT0').({top:'100px',left:'100px',height:'100px',width:'100px'})

把tablayout0改成你要动的控件名,坐标可以自己改。。

不过不是所有控件都支持四个参数,比如我刚才试了chart就只能改大小不能改位置。。

最佳回答
0
snrtuemcLv8专家互助
发布于2021-6-4 14:51(编辑于 2021-6-4 14:52)

Form70.frm

image.png

var a = 'tx'; //获取对应控件名称

var b = a.toUpperCase(); //防止大小写出现误差,此处自动将名称转成大写

$('input.fr-texteditor').css('width', '500px'); //重置控件宽度

$('input.fr-texteditor').css('height', '500px'); //重置控件高度

$("div[widgetname='" + b + "']").css('left', '0'); //重置控件离报表左边

$("div[widgetname='" + b + "']").css('top', '0'); //重置控件离报表上边

image.pngimage.png

  • 4关注人数
  • 1555浏览人数
  • 最后回答于:2021-6-4 14:52
    请选择关闭问题的原因
    确定 取消
    返回顶部