输入时的关联过滤
一、任务背景
在开发数据输入页面时,经常遇到这样的情况,两个下拉框,其数据是存在业务联系的,例如一个是省份的下拉框,另一个是城市的下拉框,当省份的下拉框选择河北省时,城市的下拉框只有选择河北省的城市,才是合理的数据,否则肯定是错误的。此时,为了避免错误,最理想的情况是当省份下拉框选择了河北,那么城市的下拉框只能下拉出河北省的城市,其它省份的城市被动态过滤掉,这种功能我们称为动态关联过滤。
二、面临困难
实现上述的功能需要写比较复杂的javascript,首先,需要在页面上保存一个js的数据集合,该集合存储了所有城市的记录;其次要在省份下拉框里记住哪个单元格是城市下拉框,也就是说,当省份的下拉值改变时,需要触发哪个单元格动态过滤;最后也是最关键的是过滤的算法了,省份单元格的每一次改变,都要触发过滤函数,因此过滤的算法非常关键,否则速度稍微慢点就导致用户无法忍受。
上述的动态关联过滤还是简单的,复杂些的,一个格子的下拉值改变,会触发多个格子的下拉值关联过滤,举例来说,存在省份、城市、旅游景点、特产、矿产、大专院校等下拉框,当省份的下拉值改变时,其它的所有单元格的下拉选项都要跟着改变,因为这些下拉框都和省份有关系。
还有更复杂的情况,那就是级联动态过滤,即A的改变,触发了B的关联过滤,B的改变,触发了C的关联过滤,如此级联下去,会出现多少级就不知道了,视业务的复杂度而定。
因此,上述的功能如果自己开发,显然不现实,工作量太大,但是也别烦恼,快逸填报表提供了这样的功能,而且实现起来非常简单:
三、实现步骤
1、定义两个下拉框;
2、在需要动态过滤的单元格里,设置关联过滤的条件表达式,并设置触发单元格(如上例,应当是在城市单元格里设置关联过滤条件,并设置触发单元格为省份单元格)。
四、效果演示
发布日期:2008/08/27
本文分类:
填报技术