ajax].net+ajax.pro实现无刷新动态树（Ajax].net+ajax.pro implements a refresh free dynamic tree）.docVIP

下载本文档

2
0
约4.59千字
约 13页
2017-09-05 发布于河南
举报
版权申诉

ajax].net+ajax.pro实现无刷新动态树（Ajax].net+ajax.pro implements a refresh free dynamic tree）.doc

1、本文档共13页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

ajax].netajax.pro实现无刷新动态树（Ajax].netajax.proimplementsarefreshfreedynamictree）

ajax].net+实现无刷新动态树（Ajax].net+ implements a refresh free dynamic tree） script type = text / javascript was li _ clickingnode; / / 用户点击的节点 was categoryid = 0; / / 展开和折叠父节点 function expandcategory (objimg) { li _ clickingnode = objimg.parentnode; / / 获得用户点击的节点 / / 获得点击节点的id _ clickingnode.id.substr categoryid = li (li _ clickingnode.id.indexof (_) + 1); if (closed = = li _ clickingnode.classname) { li _ clickingnode.classname = opened; switchnode (true); / / 显示请稍候, 正在加载 / / 调用服务器方法, 获得该节点的子节点 dynamictree.getsubcategorys (categoryid, getsubcategory _ callback); } else if (opened = = li _ clickingnode.classname) { li _ clickingnode.classname = closed; / / 当折叠父节点时删除显示的子节点 li _ clickingnode.removechild (document.getelementbyid (ul _ + categoryid)); } } / / 显示和隐藏请稍候, 正在加载 function switchnode (show) { if (show) / / 显示请稍候, 正在加载 { / / 用户添加从数据库获得的子节点 was ul = document.createelement (ul); ul.id = ul _ + categoryid; was li = document.createelement (li); li.classname = child; / / 表示该节点为父节点 / / 创建节点前的图片 was img = document.createelement (img); img.src = ; / / 创建超联接, 功能和img一样 was a = document.createelement (a); a.href = javascript: void (0); a.innerhtml = 请稍候, 正在加载...; / / 显示节点值 / * 添加子节点 * / li.appendchild (img); li.appendchild (a); ul.appendchild (li); / / 将子节点添加到ul中 li _ clickingnode.appendchild (ul); } else / / 隐藏请稍候, 正在加载 { was ul = document.getelementbyid (ul _ + categoryid); if (ul) { li _ clickingnode. removechild (ul); } } } getsubcategory _ callback function (response) { lime ds = response.value; if (sd! = null typeof (sd) = = object ds.tables [0]. = = null) { / / 用户添加从数据库获得的子节点 the document.createelement lime (=); ul.id categoryid = + _; / / 遍历用户点击的父节点的子节点 for (var i = 0; i ds.tables [0]. rows.length; i + +) { if (1 = = [0].rows ds.tables [].haschild) / / 表示该子节点是有子节点 { / / 创建节点 cousin li = document.createelement (li); li.id = li _ + ds.tables [0].rows [is].categoryid; li.classname = closed; / / 表示该节点为父节点 / / 创建节点前的图片 lime img = document.createelement (img); img.