控件在单元格中居中展示

image.png如何让这一控件在单元格中居中展示,JS应该怎么写

FineReport 用户T7960373 发布于 2021-6-3 11:56
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
jongwangLv6中级互助
发布于2021-6-3 13:34(编辑于 2021-6-3 13:38)

填报预览方式加载结束事件:

setTimeout(function(){

$(".fr-form-btn-group.fr-group-box").css({"line-height":$(".fr-form-btn-group.fr-group-box").height()+"px","text-align":"center"});

$(".fr-form-btn-group.fr-group-box > span").css({"margin":"0"});

;},10)

也可以给按钮设一个名字,比如"anniu":

image.png

image.png

然后这样:

setTimeout(function(){

$("[widgetname='ANNIU']").css({"line-height":$("[widgetname='ANNIU']").height()+"px","text-align":"center"});

$("[widgetname='ANNIU'] > span").css({"margin":"0"});

},10)

预览如下:

image.png

最佳回答
0
luojian0323Lv7资深互助
发布于2021-6-3 11:58(编辑于 2021-6-3 12:04)

现在不居中是吗?

你所说的居中是什么居中啊?

并列显示一个在上面显示,另一个在下面显示吗?

是这样吗?

image.png

试试这段代码在控件初始化后事件中:

var el = $(this.element);

var f = function() {

var w = 0;

var cs = el.children();

if (cs.length == 0) {

  setTimeout(f, 100);

  return;

}

for (var i=0; i<cs.length; i++) {

  w += cs.eq(i).width() + 5;

}

el.css({

  width: w,

  //'margin-left': 'auto',

  'margin-right': 'auto',

  'height':' auto', 

});

}

setTimeout(f, 100);

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