填报入门 >> 填报控件>>按钮控件居中

我是社区第54755位番薯,欢迎点我头像关注我哦~
本帖最后由 哈易春 于 2015-8-31 08:56 编辑

1. 问题描述
填报控件复选框控件,在预览的时候无法居中。
2. 实现思路
在控件属性中通过JS代码来实现控件的居中。
3. 实例/操作步骤
3.1添加控件
添加一个复选框按钮控件,并且设置水平和垂直方向都居中
1494555dd7f332e12e.png
预览结果
9337955dd7f568be20.png
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毫秒后重新调用


如下图:
8524655de60467055c.png

4.保存并发布
9235155de5fc2ed5d7.png

总结
此JS代码适合其他按钮控件,附件为CPT文件





参与人数 +2 F豆 +1 F币 +325 理由
我爱刘歆 + 1 赞一个!
传说哥 + 325 赞一个!

查看全部评分

发表于 2015-8-27 19:37:44
文档标题
1) 问题描述
2) 实现思路
3) 示例/操作步骤
4) 保存并发步

按照这个格式改进一下,还有代码注释下哦
发表于 2015-8-28 20:19:42
下周吧,这几天在家里
发表于 2015-8-29 23:28:43
good!!! 很实用啊!!!
发表于 2015-8-31 09:22:43
4014955e3ac6176e22.png
发表于 2016-9-29 16:27:27
学习了,受教了
发表于 2017-10-10 11:17:10
受教了,但是上下怎么居中呢
发表于 2017-12-21 19:44:06
试过了按这个操作 无效
发表于 2017-12-26 10:28:30
学习了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

8回帖数 2关注人数 8928浏览人数
最后回复于:2018-5-2 00:32

返回顶部 返回列表