找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-6-25 13:16  /   查看:8680  /  回复:23
本帖最后由 phoben 于 2021-7-29 16:18 编辑

一年一度的《活字格低代码应用大赛》又双叒叕来啦!

这次就靠你们了!,我也会继续奉献插件、源码等干货给大家!





一个客户提出的需求,这里给大家分享下实现方法

客户的需求是:当修改表格内的数据,需要实时将有变动的格子标识出来

效果:
image.png781201782.png

动图:
表格修改自动变色.gif

仔细想想,活字格好像并没有这个功能? 该怎么实现呢? 格友们可以先动动脑筋想想!





其实,想实现这个效果并不难,只需要使用单元格条件 + 一小段的JS代码即可以达到目的。

原理:通过JS接口来获取修改值的事件,并储存修改单元格的位置信息,将位置信息储存起来
然后通过“单元格条件格式”来设置一段条件。即可实现实时的改变效果;
具体做法如下:

第一步:
在页面中随便选一个不用的单元格,取名为:changeCell
image.png989123535.png

第二步:
将下方JS放到页面加载命令里
  1. var change = function(arg,arg2) {
  2. var info = arg2.CellRanges[0].Row+1 +":"+ arg2.CellRanges[0].Column
  3. var cell  = Forguncy.Page.getCell("changeCell")
  4. var oldValue = cell.getValue()
  5. oldValue = oldValue?oldValue +","+ info:info
  6. cell.setValue(oldValue)
  7. }
  8. var page = Forguncy.Page;
  9. var listview = page.getListView("表格1");
  10. listview.bind("valueChanged", change)
复制代码


第三步:
设置表格的条件格式,将需要用到这个效果的列都设置好。
条件格式内的公式设置为如下
  1. =IF(FIND(ROW()&":"&COLUMN(),changeCell)>-1,1,0)
复制代码


然后点击"格式..."按钮,设置你喜欢的样式,我这里就设置红色边框+红色字+浅红色背景色
image.png212664794.png

image.png876642761.png


完成上述这三步以后,就能看到效果

细心的格友会发现,其实每当表格值发生变更,changeCell 这个单元格的内容也会跟着变
从而引发条件格式,让表格样式发生改变,这就是实现此效果的核心

image.png283240966.png

当我们想清空这个标识的时候,怎么办?

对,我们只需要清空changeCell的值即可!

表格修改自动变色_清空标识.gif

当然,事情没那么简单,客户此时提出第二个需求,这个改变结果,我想在下次打开,或者其他人浏览的时候,也继续存在
也就是说,此次的改变不能只是一次性,而是根据需要长期留存,作为一个重要的标识!

已经做到这个份儿上了,相信格友们知道怎么解决这个问题了。
没错~就是把咱们changeCell的值存起来不就行了?
结合清空还可以随时改变标识位置。

下面是将标识位置信息存到数据库的做法,看下效果:

表格修改自动变色_储存.gif

这里就是全部的教程,如果大家想详细研究,我这里也上传了DEMO工程
大家可以下载学习!





单元格修改标识.fgcc

85.45 KB, 下载次数: 45

售价: 30 金币  [记录]

demo

23 个回复

倒序浏览
天朝四周处悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2021-6-25 13:23:26
沙发
好,顶一个
回复 使用道具 举报
lovert
银牌会员   /  发表于:2021-6-25 13:37:57
板凳
很多时候就是换个思路问题就会迎刃而解
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2021-6-26 15:41:38
地板
看不懂 还要金币
回复 使用道具 举报
储钱罐儿
初级会员   /  发表于:2021-6-26 20:19:56
6#
V587好思路
回复 使用道具 举报
随风悬赏达人认证
银牌会员   /  发表于:2021-6-27 15:30:41
7#
全是30金币,也没有个批发价,隔壁都29了,
回复 使用道具 举报
白菜贝贝悬赏达人认证 活字格认证
银牌会员   /  发表于:2021-6-28 09:09:13
8#
学习了,简单易懂,感谢楼主
回复 使用道具 举报
遇见未知的自己
银牌会员   /  发表于:2021-6-28 11:57:13
9#
感谢大神,学习了
回复 使用道具 举报
储钱罐儿
初级会员   /  发表于:2021-6-30 18:15:27
10#
很实用的功能,点赞!
回复 使用道具 举报
qq8009活字格认证
银牌会员   /  发表于:2021-7-1 20:14:00
11#
喜大普奔,原来还有这个思路 ,我之前跟胡老板探讨的时候,我是想到用两个表格做对比
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部