首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js异步加载上拉树的实现

2012-10-09 
js异步加载下拉树的实现下拉树图示:???主要实现部分:第一,freemarker页面显示部分?外层div的position要设

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

?

?

热点排行