从网上搜了一个JSTree,实现了一把,好歹也能动态加载了。
详细代码以后再贴上吧,只把最重要部分的说一下:
加载数据后台用的是struts2,这里对新手(就是指我了)有个陷阱:以前不管碰到什么,action最后都要返回到一个页面,成功了就return SUCCESS;失败了就return "failure"。在这里,很容易就跳回到了调用它的那个初始页面,因为树就在那里。
但在这里,这样做反而错了。最干脆的做法就是不做任何跳转,直接return null;
public String execute() throws Exception {
HttpServletResponse response = ServletActionContext.getResponse();
HttpServletRequest request = ServletActionContext.getRequest();
response.setContentType("text/xml;charset=UTF-8");
response.setHeader("Cache-Control","no-cache");
String id=request.getParameter("id");
PrintWriter out =response.getWriter();
StringBuffer item=new StringBuffer();
item.append("<root>")
.append("<item id=\"0\" >")
.append("<content><name ><![CDATA[数据库]]></name></content>")
.append("</item>")
.append("</root>");
out.write(item.toString());
out.flush();
return null//注意这里
}
数据照样能返回树所在页面。
分享到:
- 2009-09-07 19:33
- 浏览 2052
- 评论(0)
- 论坛回复 / 浏览 (0 / 3629)
- 查看更多
相关推荐
动态加载是 jsTree 的核心特性之一,它允许在用户滚动或展开树节点时按需加载数据,而不是一次性加载所有数据。这种机制对于处理大量数据特别有用,因为它减少了初始页面加载时间,提高了用户体验。通过设置适当的...
jsTree 提供了一套完整的 API,允许你在运行时动态改变树的结构、操作节点、获取用户选择等。例如,打开一个节点: ```javascript $('#jstree').jstree('open_node', '#node_id'); ``` **三、总结** jsTree 是...
综上所述,jsTree是构建动态tree的有力工具,它允许开发者通过JSON数据动态加载节点,同时提供了丰富的插件和事件系统以满足各种交互需求。通过合理地配置和与后端的协同,可以实现高效、灵活的树形界面。
jsTree 具有一系列内置插件,如 `'checkbox'` 插件,用于实现多选功能;`'dnd'` 插件,用于拖放操作;`'search'` 插件,用于快速搜索节点等。每个插件都有其特定的配置和事件,可以根据项目需求选择使用。 **总结**...
1. **高性能**:JSTree通过延迟加载和分页策略,确保在处理大数据集时保持流畅的用户体验。它仅在需要时加载节点,降低了内存占用和计算需求。 2. **交互性**:提供了丰富的API和事件系统,允许开发者自定义各种...
总结来说,jsTree提供了全面的API来处理树形数据,无论是在基本的操作,如添加、删除和移动节点,还是更复杂的事件处理和动态加载数据,都具有灵活的接口。结合jsTree的中文API文档,开发者可以轻松地在项目中集成和...
- **AJAX**:jsTree能与服务器端进行异步通信,动态加载或更新数据。 - **jQuery**:基于jQuery库,可以方便地与其他jQuery插件和库配合使用。 - **前后端分离**:适合于现代Web应用,与RESTful API接口无缝对接...
1. **数据绑定(Data Binding)**:JsTree 可以绑定到 JSON 数据源,方便地从服务器动态加载数据。 2. **多选(Multiple Selection)**:启用 `checkbox` 插件后,用户可以通过勾选节点实现多选操作。 3. **拖放...
在移动设备上,为了有效地展示层次结构数据,如文件系统、组织架构或导航菜单,"手机端js tree"成为了一种实用的解决方案。...在实际开发过程中,理解并运用这些知识点将有助于构建高性能、易维护的移动端js Tree实现。
在 Java 开发中,jsTree 可以与后端服务进行交互,动态加载数据,实现前端界面的动态展示。 **1. jsTree 的基本使用** jsTree 首先需要在 HTML 页面中引入相关的 CSS 和 JS 文件。你可以通过 CDN 或者本地文件引用...
随着对JsTree理解的深入,你可以实现动态加载数据,比如从服务器获取节点信息,或者实现自定义的用户交互行为。 总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用...
**jstree.min.js** 是一个基于 jQuery 的交互式树形视图插件,它允许在网页中创建和管理结构化的目录或数据展示。这款插件以其轻量级、高度可定制和易于使用的特性而受到开发者们的欢迎。下面将详细介绍 jstree 的...
2. **动态数据加载**:jsTree允许根据需要分层次加载数据。用户可以一次性加载所有节点,或者仅加载顶层节点,后续的子节点在用户交互时按需从服务器获取,这样既节省了带宽,又提高了页面响应速度。 3. **丰富的...
这个简单Dome提供了一个快速入门的例子,展示了如何在网页中集成JsTree,并实现多选、单选、添加和删除节点等功能。下面将详细介绍JsTree的核心特性以及如何与Bootstrap结合使用。 首先,JsTree是一个基于jQuery的...
这个文件可能包含各种`jstree`的基本和进阶用法,包括不同类型的节点操作(如展开、折叠、添加、删除)、事件处理、以及自定义主题和图标等。通过这些例子,你可以了解如何配置和初始化`jstree`,以及如何与服务器...
jsTree 可以很好地与其他前端框架(如 React、Vue、Angular)或后端技术(如 PHP、Node.js)集成,通过 AJAX 载入数据,实现动态数据展示。 ### 7. 示例应用 一个常见的应用场景是在文件管理系统中,用户可以浏览...
9. **无障碍访问**:确保jstree符合无障碍(accessibility)标准,例如添加ARIA属性。 10. **错误处理**:监控并处理可能出现的错误,如数据格式错误、加载失败等。 综上所述,这个主题涵盖了使用jstree v1.0创建和...
jsTree 支持多种功能,包括动态加载、异步数据获取、节点的增删改查、搜索、拖放操作以及自定义主题和类型。 **初始化 jsTree** 在使用 jsTree 时,首先需要对元素进行初始化。以下是一个简单的初始化示例: ```...
5. **$.jstree.plugins**:这个内部使用的对象存储了所有已加载的jstree插件,便于管理和使用。 6. **$.jstree.create**:此函数用于创建一个新的jstree实例。它接受一个元素和一个配置对象作为参数,返回新创建的...
**JStree 全面解析** ...无论是简单的静态树还是复杂的动态加载,JStree 都能轻松应对,是开发中实现树形结构的理想选择。通过深入理解和实践,我们可以充分利用 JStree 构建出用户友好的交互式界面。