基于EasyUI框架的Web异步树实现.pdfVIP

电脑编程技巧与维护 基于EasyUI框架的Web异步树实现 汤晓燕 (苏州工业职业技术学院信息上程系，江苏苏州215104) 摘要：在Web应用系统中，树型结构使用广泛，基于EasyUl框架的web异步树克服了传统树型列表加栽频繁刷 新页面的弊端。通过具体示例。对EasyUI框架下Web异步树的实现进行了探讨。 关键词：EasyUI框架；JQuery；异步树 of Realization TreeBasedon Asynchronous EasyUI TANG Xiaoyan ofInformation lnstimteofIndustrial Suzhou (Department Engineering。Suzhou 215104) Technology，Jiangsu Abstract：Treedata inthe frsme-- sImctureis used Web treebasedon wildly applicationsystem．Theasynchronous EasyUI workovercomesthedefects0ftraditionaltreelistwhichrefreshesthe in— when data．Thisarticle webpagefrequentlyloading troducestherealizationof treebasedon a is Asynchronous Framework，and EasyUI examplepresented． tree Keywords：EasyUlframework；JQuery：asynchronous l 引言 到服务器，服务器对其进行处理后再返回一个新的HTML页 树型结构是一种十分常见的数据结构模型。在各种Web 到客户端。在这种方式下，重新读取完整页面的过程会浪费 系统开发中，它的应用十分广泛，如树型菜单、树型列表列 等。它们可以直观地描述内容层次结构，具有界面友好、定 异步树，避免了以上弊端。它的生成采用异步交互方式，所 位快速等优点。是表现层次关系最强有力的手段之一。 谓异步，是指树的节点并非一次性加载，只有当用户对某个 众所周知，传统的树型列表动态加载会随着页面数据操 节点进行操作之后，重新加载子节点．区别同步树一次全部 作而不断地刷新整体页面。不但影响用户Web浏览体验，完 加载所有数据，异步树将节约很多性能。在Web客户端与服 整的页面传输也会加重网络负荷和服务器的工作量，对资源 务器进行交互时还可以保持页面状态。web异步树工作原理 造成浪费。目前流行的Aj“技术采用异步交互方式，可以有 是：当客户端发送H7rrP请求后，由服务器处理请求并返回根 效地解决以上问题。随着Ajax的普及应用。现今出现了许多 节点下的子节点数据，当展开某一节点时再次发送请求，服