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

easyui1.4 tree 异步树 异步加载

阅读更多

 

第一次加载一级

展开时触发onBeforeExpand事件,加载下一级

$('#leftTree').tree({
	url: '<%=path%>/menu/getListByPU.json',
	queryParams: { id: parentId },
	//loadFilter: function (data) {
	//	//如果返回的数据不是从根开始
	//	return data.menuList;
	//},
	onBeforeExpand: function (node) {
		$('#leftTree').tree("options").queryParams = { id: node.id };
		$('#leftTree').tree('options').url = "<%=path%>/menu/getListByPU.json";
	},
	onClick: function(node){
		if($('#leftTree').tree('isLeaf',node.target)){
			mainTabsAdd(node.id, node.text, node.url);
		} else {
			if($('#leftTree').tree('getSelected').state=='closed'){
				$('#leftTree').tree('expand',node.target);
			} else {
				$('#leftTree').tree('collapse',node.target);
			}
		}
	}
});

 

分享到:
评论

相关推荐

    easyui1.4中文文档

    Tree组件用于展示层次结构的数据,可以展开/折叠节点,支持异步加载数据。可以与其他组件结合,如用作选择器或导航。 6. **下拉树(Combotree)** Combotree是下拉框和树的组合,用户可以选择一个或多个树节点...

    easyui 1.4 API中文文档

    EasyUI 提供了一系列基础组件,如表格(datagrid)、下拉菜单(combobox)、树形控件(tree)、对话框(dialog)等,这些组件简化了HTML页面的构建,使得开发者可以快速创建交互式的用户界面。 2. **数据绑定** ...

    jquery easyui tree 树形列表节点异步加载

    在本文中,我们将深入探讨jQuery EasyUI中的Tree组件以及如何实现树形列表节点的异步加载。EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,包括我们这里关注的Tree组件。异步加载是提升用户体验的...

    EasyUI1.4 api+源码 中文版

    4. **数据绑定**:EasyUI 使用JSON数据格式与服务器进行数据交换,支持AJAX异步加载和更新数据,例如在datagrid中动态加载数据。 5. **插件**:EasyUI 还提供了一些插件,如日期选择器(datebox)、时间选择器...

    jQuery EasyUI 1.4 版 API 中文版 CHM格式

    此外,EasyUI 还支持数据绑定和Ajax异步交互,使得动态加载和更新数据变得简单。例如,`loadData`方法可以用来动态加载数据网格的数据,而`reload`方法则用于刷新组件的内容。 在实际开发中,EasyUI 还与其他技术...

    jquery-easyui_combotree异步树的生成代码

    在jQuery EasyUI框架中,Combotree组件是一个非常实用的功能组件,它结合了下拉列表(Combobox)与树形结构(Tree)的特点,能够实现动态加载数据并以树形结构展示。这在很多场景下都非常有用,例如产品分类、部门...

    JQUERY EASYUI 异步树

    其中,“异步树”是 EasyUI 提供的一种用于展示层级数据的组件,它能动态地从服务器加载子节点,提高页面的加载速度并优化用户体验。 异步树的核心功能在于实现数据的分页加载,当用户展开一个节点时,只请求该节点...

    easyui1.4 chm中文版API帮助文档

    6. **树形控件**:树(tree)组件可以展示层次结构的数据,常用于目录结构、组织架构等场景,支持节点展开、收缩、选择等操作。 7. **表单**:表单(form)组件配合各种输入控件,用于收集和验证用户输入,支持行内...

    解析jquery easyui tree异步加载子节点问题

    本文主要介绍了如何使用jQuery EasyUI框架中的Tree组件实现异步加载子节点功能,同时解析了在实现过程中可能会遇到的问题及其解决方案。jQuery EasyUI是一个基于jQuery的前端UI库,它提供了一整套基于AJAX的用户界面...

    Java>jquery-easyui_combotree异步树的生成代码示例(NEW)

    本文档将详细介绍如何利用jQuery EasyUI中的Combotree实现异步加载树形结构,并提供一个完整的示例。 #### 二、理解Combotree与异步树的概念 1. **Combotree简介**: - Combotree是jQuery EasyUI框架中的一个组合...

    jQuery EasyUI 1.4 版 API 中文版

    - **Tree**:树形结构,用于展示层次化的数据。 - **Tabs**:标签页组件,用于组织和切换多个视图。 3. **API 使用** - **选择器**:jQuery EasyUI 提供了丰富的选择器,允许精确地定位页面上的元素。 - **方法...

    easyui1.4.

    2. **EasyUI 组件**:EasyUI 提供了一系列的组件,如对话框(dialog)、面板(panel)、表单(form)、菜单(menu)、树形控件(tree)、数据网格(datagrid)等。这些组件都有预定义的样式和行为,可以通过简单的...

    EASYUI TREEGRID异步加载数据实现方法

    在EASYUI TreeGrid中,异步加载数据是一项重要的功能,允许用户在需要时动态获取数据,提高应用的性能和用户体验。 异步加载数据通常涉及到以下几个关键点: 1. **配置URL**:在TreeGrid的初始化参数中,`url`属性...

    jquery使用EasyUI Tree异步加载JSON数据(生成树)

    本文将详细介绍如何使用jQuery结合EasyUI库中的Tree组件实现对JSON数据的异步加载以生成树状结构,并对实现细节进行深入讲解。这个技术点在现代Web开发中非常常见,特别是在需要处理具有层级关系的数据时,如菜单、...

    Easyui异步生成树节点,动态获取树节点

    DataGrid 支持分页、排序、过滤等功能,可以通过 AJAX 异步加载数据,也可以与 Tree 结合,实现树形表格,即树节点展开后显示与其关联的表格数据。 5. **注册与登录功能** 在这个项目中,除了 Tree 和 DataGrid 的...

    树节点绑定(EasyUI-Tree)内含数据库打开直接用

    - 前端渲染:前端接收到数据后,使用EasyUI的Tree组件加载并显示数据,完成树节点的绑定。 5. 扩展功能: - 节点异步加载:对于大数据量的树,可以实现节点的懒加载,即只有当用户展开某个节点时,才去服务器获取...

    jquery-easyui-tree学习

    jQuery EasyUI Tree提供了多种扩展功能,如展开/折叠节点、异步加载数据、添加/删除节点等。例如,通过`expandNode`方法可以展开指定的节点: ```javascript $('#tree').tree('expandNode', {id: '1-1'}); // ...

    EasyUI的功能树之异步树JAVA版本.zip

    在本资料包 "EasyUI 的功能树之异步树 JAVA 版本.zip" 中,主要讨论的是如何在 JAVA 后端与 EasyUI 前端配合,实现异步加载的数据树功能。 数据树是一种常见的 UI 控件,用于展示层次结构的数据,如组织架构、文件...

    jquery-easyui-1.4 + 中文api 内有demo

    5. 树形控件(tree):展示层次结构的数据,可展开、折叠节点,支持异步加载。 三、中文API详解 jQuery EasyUI 提供了详尽的中文API文档,帮助开发者理解每个组件的使用方法和属性设置。例如,datagrid组件的API...

    jQueryEasyUI1.4

    jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于对话框(Dialog)、表单(Form)、表格(Grid)、菜单(Menu)、下拉选择框(ComboBox)、树形结构(Tree)和面板(Panel)。这些组件不仅样式统一,而且...

Global site tag (gtag.js) - Google Analytics