今天在项目中发现了一个问题:

1.功能需求

将图表的某一列设置成公共列,或者退回私有列。如果已经是公共列,只出现“设置成私有列”,如果是私有列,只出现“设置成公共列”,两个选项不能同时出现。(注:公共列就是每次建表格式默认出现这个列的所有数据。)

2.问题

我在数据库中建了一个表,用于存储公有列信息。图表的某一列设置成公共列时,写入这一列的数据到表中。

将设置公共列的功能放右击出现的菜单里。每次右击时都会执行一个函数实现此功能,函数中设置变量flag作为标记,flag的值从数据库中查询得到。

我用的是angular1.X,尽管有强大的数据绑定,但是但数据库里的数据变化时,它也无法自动赋值更新flag变量。

这样就出现了一个问题:如果不自动更新,右击时执行函数,那么变量第一次的值仍是上一次的值(因为查询状态是从数据库异步获取然后赋值给变量),第二次的值才会正常

3.解决方案

(1)页面加载时就获取状态并赋值。
这里的值就是从数据库里面得来的,所以一开始就是正常的。这样带来的问题是:即使用户改变了状态,在不刷新页面的情况下,状态仍保持不变
(2)在前端设置变量:当用户改变了状态时,在前端改变变量的值,并写回数据库。这样保证了能实时赋值并且数据库保持同步


specialCoder
2.2k 声望168 粉丝

前端 设计 摄影 文学