dhtmlxtree用Ajax刷新加载XML
很久以前,我学会了用dhtmlxtree,那是一棵很不错的树,用起来很方便,但是一个问题一直没有解决,从前都是分很多次去数据库中查,遵循的原则是,先查出上级,然后再根据上级ID查出下级ID,这样一层一层的查,于是当数据量大了,树加载的时候会很的很慢,有时候等他开始加载的时候,可以告诉屏幕前的人员,“您可以选择去查喝杯咖啡或者出去逛逛再回来,因为需要很久”,顿时无语。
数据库是这样设计的:
ID 名称 上级ID
1 A
2 B
3 C 1
4 D 1
……
使用dhtmlxtree的方法(自己查看API):
第一步:加载JS,CSS,其中包括dhtmlxcommon.js,dhtmlxtree.js,dhtmlXTreeExtend.js,dhtmlxtree.css
第二步:写入HTML,如下
<table width="100%" class="searchTable">
<tr><td class="searchTdTitle">分类体系结构</td>
</tr>
<tr>
<td class="lefttree"><a href="javascript:void(0);" onclick="tree.openAllItems(0);">展开</a>
<a href="javascript:void(0);" onclick="tree.closeAllItems(0);">收拢</a></td>
</tr>
<tr>
<td class="lefttree"><div id="treeboxbox_tree" class="dhtmlxTree" style="width:230px;"></div></td>
</tr>
</table>
<script>
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);//初始化树
tree.setImagePath("<%=path %>/skins/blue/common/dhtmlx/images/c
相关文档:
<!--
/* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
@font-face
{font-family:"Cambria Mat ......
项目中想用ajax,于是在网上扒了n多资料,犯了n多错误,从今天上班到现在一直在处理这个问题,终于还是把它解决了。
当我看到页面的ajax显示后,我兴奋异常,为了记录自己学习的ajax历程,也为了让更多的人少走弯路,特写此一文以记之!
废话不说了,为了更好的理解,我重做了一个小的项目,以加深印象。现在就以这个小项 ......
这两天一直在埋头苦练AJAX技术,虽然网上对AJAX的看法各有好坏,在我看来AJAX对我来说还是一个很不错的技术,它在很大的程度上减轻了服务器的负担,把一些简单的request通过利用javascript方法创建一个XMLHttpRequest对象发送和接收服务器的信息,不要通过刷新页面就能得到自己想要的效果,这简直是不可思议。下面给出一段A ......
<script type="text/javascript" src="jquery-1.3.2.min.js" mce_src="js/jquery.js"></script>
<input name="writer" id="writer" type="text" value="" />
<input name="pass" id="pass" type="password" value="" /> ......