本帖最后由 哈易春 于 2015-8-31 08:56 编辑
1. 问题描述
填报控件复选框控件,在预览的时候无法居中。
2. 实现思路
在控件属性中通过JS代码来实现控件的居中。
3. 实例/操作步骤
3.1添加控件
添加一个复选框按钮控件,并且设置水平和垂直方向都居中
预览结果
3.2 添加JS代码
在单元格C2中点右键-控件设置-事件-初始化后1添加JS代码
var el = $(this.element); //获取当前元素
FR.Msg.toast(1);//报表从页面右上角弹出来的那个长条形信息。
var f = function() { //自定义函数为f的函数
var w = 0; //初始化变量w=0
var cs = el.children(); //获取当前元素的节点
if (cs.length == 0) { //如果无节点
setTimeout(f, 100); //延迟100秒后调用f
return; //返回
}
for (var i=0; i<cs.length; i++) { //遍历节点的,每个节点增加5px宽度
w += cs.eq(i).width() + 5;
}
el.css({ //CSS: 宽度为:W ,同时div居中显示
width: w,
'margin-left': 'auto',
'margin-right': 'auto'
});
}
setTimeout(f, 100); //100毫秒后重新调用
如下图:
4.保存并发布
总结
此JS代码适合其他按钮控件,附件为CPT文件
|