读书人

js异步加载上拉树的实现

发布时间: 2012-10-09 10:21:45 作者: rapoo

js异步加载下拉树的实现

下拉树图示:
js异步加载上拉树的实现
?
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

?

?

读书人网 >JavaScript

热点推荐