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历程,也为了让更多的人少走弯路,特写此一文以记之!
废话不说了,为了更好的理解,我重做了一个小的项目,以加深印象 ......
xml数据:
writer.write("<root>" +
"<name>a</name>" +
"<name>b</name>"+
"</root>");
前台解析:
request.onreadystatechange=function(){
if(request.readyState==4){
var x=requ ......
ajax跨域和JS的跨域通信(Cross The Site)的几种解决方案
最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在
1.什么引起了ajax跨域不能的问题
ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器 ......
http://www.longboo.com/
分页
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
数据库查询工具
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email工具
http://www.longboo.com/Samples/comb/OutLook/index.html
网店
http://www.longboo.com/Samples/linb/Template ......