js异步加载下拉树的实现
下拉树图示:
?
?
?主要实现部分:
第一,freemarker页面显示部分
?外层div的position要设置为relative,里层的<ul>要设置position:absolute;z-index:5,z-index设置为一个大于0的值就可以。这样显示ul对象的时候才会叠在其他层的上面,而不会把下面的层挤走。这部分熟悉div布局的读者应该会比较清楚。
显示树的组件比较多,如dtree,zTree之类的,在这不作介绍,本人使用的是zTree,zTree是jquery的一个插件,可以实现异步加载,不用一下子将整个树加载进来。
第二,js方法 showComboxTree,如下:
?
第三步,自定义jsp标签,jsp标签处理类实现如下:
?
第五部分,在页面使用comboxTree,testComboxTree.jsp
?
?