`
hyj1254
  • 浏览: 340190 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JSTree实现动态加载

阅读更多
  从网上搜了一个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//注意这里
	}

数据照样能返回树所在页面。
分享到:
评论

相关推荐

    jsTree 很好用的动态加载数

    动态加载是 jsTree 的核心特性之一,它允许在用户滚动或展开树节点时按需加载数据,而不是一次性加载所有数据。这种机制对于处理大量数据特别有用,因为它减少了初始页面加载时间,提高了用户体验。通过设置适当的...

    使用jsTree实现js树形结构

    jsTree 提供了一套完整的 API,允许你在运行时动态改变树的结构、操作节点、获取用户选择等。例如,打开一个节点: ```javascript $('#jstree').jstree('open_node', '#node_id'); ``` **三、总结** jsTree 是...

    jsTree动态tree

    综上所述,jsTree是构建动态tree的有力工具,它允许开发者通过JSON数据动态加载节点,同时提供了丰富的插件和事件系统以满足各种交互需求。通过合理地配置和与后端的协同,可以实现高效、灵活的树形界面。

    jsTree中文文档

    jsTree 具有一系列内置插件,如 `'checkbox'` 插件,用于实现多选功能;`'dnd'` 插件,用于拖放操作;`'search'` 插件,用于快速搜索节点等。每个插件都有其特定的配置和事件,可以根据项目需求选择使用。 **总结**...

    JSTree(js写的树形菜单,支持加载10000节点以上)

    1. **高性能**:JSTree通过延迟加载和分页策略,确保在处理大数据集时保持流畅的用户体验。它仅在需要时加载节点,降低了内存占用和计算需求。 2. **交互性**:提供了丰富的API和事件系统,允许开发者自定义各种...

    jsTree中文api

    总结来说,jsTree提供了全面的API来处理树形数据,无论是在基本的操作,如添加、删除和移动节点,还是更复杂的事件处理和动态加载数据,都具有灵活的接口。结合jsTree的中文API文档,开发者可以轻松地在项目中集成和...

    jsTree.v.1.0中文文档

    - **AJAX**:jsTree能与服务器端进行异步通信,动态加载或更新数据。 - **jQuery**:基于jQuery库,可以方便地与其他jQuery插件和库配合使用。 - **前后端分离**:适合于现代Web应用,与RESTful API接口无缝对接...

    JsTree 最详细教程及完整实例

    1. **数据绑定(Data Binding)**:JsTree 可以绑定到 JSON 数据源,方便地从服务器动态加载数据。 2. **多选(Multiple Selection)**:启用 `checkbox` 插件后,用户可以通过勾选节点实现多选操作。 3. **拖放...

    手机端js tree

    在移动设备上,为了有效地展示层次结构数据,如文件系统、组织架构或导航菜单,"手机端js tree"成为了一种实用的解决方案。...在实际开发过程中,理解并运用这些知识点将有助于构建高性能、易维护的移动端js Tree实现。

    jsTree JAVA例子

    在 Java 开发中,jsTree 可以与后端服务进行交互,动态加载数据,实现前端界面的动态展示。 **1. jsTree 的基本使用** jsTree 首先需要在 HTML 页面中引入相关的 CSS 和 JS 文件。你可以通过 CDN 或者本地文件引用...

    JsTree静态例子

    随着对JsTree理解的深入,你可以实现动态加载数据,比如从服务器获取节点信息,或者实现自定义的用户交互行为。 总之,JsTree是一个强大的JavaScript库,适合用来构建交互式的树形结构。通过学习和实践,你可以利用...

    jstree.min.js.zip

    **jstree.min.js** 是一个基于 jQuery 的交互式树形视图插件,它允许在网页中创建和管理结构化的目录或数据展示。这款插件以其轻量级、高度可定制和易于使用的特性而受到开发者们的欢迎。下面将详细介绍 jstree 的...

    jstree目录树控件

    2. **动态数据加载**:jsTree允许根据需要分层次加载数据。用户可以一次性加载所有节点,或者仅加载顶层节点,后续的子节点在用户交互时按需从服务器获取,这样既节省了带宽,又提高了页面响应速度。 3. **丰富的...

    bootstrap-JsTree简单dome

    这个简单Dome提供了一个快速入门的例子,展示了如何在网页中集成JsTree,并实现多选、单选、添加和删除节点等功能。下面将详细介绍JsTree的核心特性以及如何与Bootstrap结合使用。 首先,JsTree是一个基于jQuery的...

    jstree用法大集合

    这个文件可能包含各种`jstree`的基本和进阶用法,包括不同类型的节点操作(如展开、折叠、添加、删除)、事件处理、以及自定义主题和图标等。通过这些例子,你可以了解如何配置和初始化`jstree`,以及如何与服务器...

    jsTree 大集合

    jsTree 可以很好地与其他前端框架(如 React、Vue、Angular)或后端技术(如 PHP、Node.js)集成,通过 AJAX 载入数据,实现动态数据展示。 ### 7. 示例应用 一个常见的应用场景是在文件管理系统中,用户可以浏览...

    jstree v1.0 实现树形结构

    9. **无障碍访问**:确保jstree符合无障碍(accessibility)标准,例如添加ARIA属性。 10. **错误处理**:监控并处理可能出现的错误,如数据格式错误、加载失败等。 综上所述,这个主题涵盖了使用jstree v1.0创建和...

    jsTree操作 jsTree插件简介

    jsTree 支持多种功能,包括动态加载、异步数据获取、节点的增删改查、搜索、拖放操作以及自定义主题和类型。 **初始化 jsTree** 在使用 jsTree 时,首先需要对元素进行初始化。以下是一个简单的初始化示例: ```...

    jstree中文文档.doc

    5. **$.jstree.plugins**:这个内部使用的对象存储了所有已加载的jstree插件,便于管理和使用。 6. **$.jstree.create**:此函数用于创建一个新的jstree实例。它接受一个元素和一个配置对象作为参数,返回新创建的...

    JStree(最全)

    **JStree 全面解析** ...无论是简单的静态树还是复杂的动态加载,JStree 都能轻松应对,是开发中实现树形结构的理想选择。通过深入理解和实践,我们可以充分利用 JStree 构建出用户友好的交互式界面。

Global site tag (gtag.js) - Google Analytics