bootstrap中要使自己写的效果强制实现‘’_报表工具--浏览式报表方框勾选项效果实现...

37bf383c0b17e11493dde028bb6abc31.png

浏览式报表中经常会出现勾选项的显示效果,例如,个人信息表中根据证书持有情况直接在信息表用显示勾选效果。

fac6c3bea55ee77016ef404ac9b3ece1.png

以雇员表中尊称字段为例,数据分别为”女士”,”先生”,根据数据雇员的不同尊称,显示相应的勾选效果。

92048e66828c8f5e384eb9f2e205c92d.png

d1054c8324c41aded4bf5673a7c43ce6.png

这里介绍三种实现方式:

1.特殊符号

在页面中要显示的选项内容”先生”、“女士”分别写在 C6、E6 两个单元格中;

在 B6、D6 的单元格表达式都设置为 =ds1. 尊称;

将 B6 单元格的显示值表达式定义为 if(value()==“先生”,“☑”,“□”);

将 D6 单元格的显示值表达式定义为 if(value()==“女士”,“☑”,“□”。

e9db686d74ae3fe8f1e784fb5fe09757.png

c157814e64d2b50c6850dd4e3a400d93.png

若果实现多个勾选项在一个单元格进行判断 B8 单元格的表达式为 ds1. 尊称,单元格的显示值表达式为:if(value()==“先生”,“☑先生□女士”,“□先生☑女士”),根据当前单元格的值进行判断,分别显示不同的两种勾选效果,具体设置可以参考下图。

990a01524ae0df6278bcf0c3dd02dcc1.png

2.Html

B7 单元格的表达式为 ds1. 尊称,单元格的数据类型设置为 HTML, 它的显示值表达式:if(value()==“先生”,“<input type=‘checkbox’ name=‘xs’ value=‘先生’ checked=‘checked’ /> 先生 <input type=‘checkbox’ name=‘ns’ value=‘女士’ /> 女士”,“<input type=‘checkbox’ name=‘xs’ value=‘先生’ /> 先生 <input type=‘checkbox’ name=‘ns’ value=‘女士’ checked=‘checked’/> 女士”)。

0b9b56cbdb5865389517e99271c523f7.png

下面是以上设置,在页面中显示的效果:

b4d7e184b3676992af14ed83c02d4da5.png

这里我详细的介绍了特殊符号 (□☑) 和 html(checkbox)两种复选勾选的效果实现,其中的特殊符号可以通过输入法的特殊符号打印出来,也可以从本文中直接复制到报表单元格里。

84ec2f894ac671195c8361fbdc54e9ba.png

同理那种单选勾选也就是圆点的效果也可以通过特殊符号(○●)和 html(radio) 来实现的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值