跨页面的多选功能实现
这两天做了个人员选择的东西,觉得还有点意思,上来给大家砸一砸。先说说需求,就是要从部门人员的树中选择人或者部门,得到相关的ID来进行保存。考虑到很多页面都会用这个功能每个页面去做显然太傻就做成了个用户控件。如果把树放在控件中的话页面会很不美观而且很占页面控件(试想如果有几百个人员,树展开的话用户会想抽你的脸)。
我是这样思考的将控件分成两个部门,用一个ListBox来显示选中了哪些人,用一个页面来显示树并进行选择操作。用户用控件的BUTTON打开选择页面进行选择,完成后关闭选择页面并把选择的值插入到LISTBOX里面,我的思路就是这样的,两个页面传值以前用JavaScript做过,觉得没太大问题,但是后来这个小问题还让我伤了下脑筋。至于怎么从树中取得值的问题我在这里就不说了。
首先是通过用户控件打开选择页面,因为后面我们要把值回写到用户控件的控件中,所以必须让打开的页面知道要对哪些控件进行操作,所以我把要操作的控件的ID做为一个参数传到要打开的页面。在用户控件中的控件显示到页面的时候他的实际ID会发生变化,所以在这里要用CLIENTID属性,不然无法正确获得控件的ID









在来说说打开后的选择页面。我把树中选中节点的名字和值分别用两个ARRAYLIST保存(当然他们对应的顺序是在保存时候控制的,不会出现不对应的问题)。然后用程序生成JAVASCRIPT。
















这样就完成了我要的功能。但是实际操作的时候发现JAVASCRIPT报错,说错误操作方法。看了代码觉得没有什么问题,把生成的对LISTBOX进行赋值的代码插到控件的页面执行就是好的,但是在打开的子页面却出现错误,但是以前做过类似的程序如修改斧页面TEXTBOX的值都是行的通了。后来做了几个实验发现是Option对象的问题,我想可能是子页面的对象无法在父页面使用吧,我试成把代码改成

这还不算完,还要加一个小功能,就是在页面每次PAGE_LOAD的时候要检查隐藏域,如果不为空就要把值取出来对LISTBOX进行赋值,不然有提交动作的时候LISTBOX就又空了













功能到此就全部完成了,希望能给有同样问题的朋友一点启示。