`
sdcharles
  • 浏览: 52234 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

easyui中导航菜单accordion与tree的动态添加

 
阅读更多
	$.parser.parse();
	$.ajax({
		url:my.bp()+'/main/menuaction!createMenu.action',
		type:'post',
		async: false,
		dataType:'json',
		success:function(data){
			$.each(data, function(i, item){
				$('#main_west_accordion').accordion('add',item);
				$('#'+item.id).html('<ul id="ctrltree'+item.id+'" style="margin-top: 5px;"></ul>');
				$('#ctrltree'+item.id).tree({
					url:my.bp()+'/main/menuaction!treeMenu.action?id='+item.id,
				});
				$('#ctrltree'+item.id).tree({
						onLoadSuccess:function(){
						$(this).tree('options').url = my.bp()+'/main/menuaction!treeMenu.action';
					},
					onClick : function(node){
						//add(tab)
					//	console.info(node);
					},
					onDblClick : function(node){
						if (node.state == 'closed'){
							$(this).tree('expand', node.target);
						}else{
							$(this).tree('collapse', node.target);
						}
					}
				});
			});			
		}
	});

 

分享到:
评论
1 楼 haige409 2013-05-09  
能不能把后台action的代码贴出来?

相关推荐

    jquery easyui 三级菜单导航

    当然,实际应用中可能还需要考虑更多细节,比如响应式布局、菜单的动态加载、菜单项的图标等。`jQuery EasyUI` 提供了丰富的配置选项和API,可以根据项目需求进行定制。 总结一下,使用 `jQuery EasyUI` 创建三级...

    EasyUI 多层导航框架

    1. 数据绑定:通过JSON数据结构,将菜单项与`easyui-accordion`和`easyui-tree`组件关联起来,动态生成导航结构。 2. 事件处理:监听用户的点击事件,根据选择的菜单项执行相应的操作,如跳转页面、加载内容或展开/...

    easyui折叠菜单写法

    其中,折叠菜单(Accordion)组件是easyUI中的一个重要组成部分,它能够帮助开发者构建可折叠式的菜单或面板,以提高页面布局的灵活性和美观性。 #### 二、easyUI折叠菜单的实现原理 在easyUI中,Accordion 组件...

    easyui页面布局示例

    在“easyui页面布局示例”中,我们将探讨如何利用 EasyUI 实现高效且直观的页面布局,并结合导航菜单,实现动态内容加载。 首先,EasyUI 提供了多种布局模式,如网格布局(grid layout)、面板布局(panel layout)...

    jquery_easyui 中文手册

    《jQuery EasyUI 中文手册》是为初学者准备的一份详尽指南,它涵盖了jQuery EasyUI框架中的核心组件和功能,旨在帮助开发者快速理解和应用这个强大的前端开发工具。jQuery EasyUI基于jQuery库,提供了一套简洁、直观...

    五套easyUI模板

    这套模板可能包括登录注册、导航菜单、滑动效果、响应式布局等设计,确保在不同屏幕尺寸的设备上都能良好运行。开发者可以利用EasyUI的移动优化组件,如滑动面板(slider)、折叠面板(accordion)等,打造流畅的...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    jQuery_EasyUI

    ##### 知识点4:动态添加tabs - **概念**:在页面运行时动态增加新的标签页。 - **实现方法**:调用`.tabs('add')`方法添加新的标签页。 #### 四、DataGrid 数据格 ##### 知识点1:转换HTML表格到DataGrid - **...

    EasyUI中文API1.5

    5. **树形组件**:`tree`和`treepanel`用于展现层级结构的数据,常用于菜单导航或组织结构的展示。 6. **菜单组件**:`menu`提供下拉菜单功能,便于构建导航栏或操作选项。 7. **按钮组件**:`linkbutton`、`...

    Java Spring4集成MyBatis SpringMVC JQuery EasyUI 后台框架

    1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。

    jquery-easyui1.4.5含API中文

    1. **组件丰富**:EasyUI 提供了如对话框(dialog)、表格(datagrid)、菜单(menu)、树形结构(tree)、表单(form)等常见Web应用所需的组件,极大地简化了前端开发工作。 2. **响应式设计**:支持响应式布局,...

    jquery-easyui

    5. **Menu**:菜单组件,提供多级下拉菜单,方便用户操作导航。 6. **Accordion**:手风琴组件,可以折叠和展开内容区域,节省空间。 三、使用 jQuery EasyUI 开发步骤 1. **引入库文件**:在HTML页面中添加jQuery...

    jquery easyui 详细说明文档

    `menu-sep` 用于在菜单项之间添加分隔线,增加视觉区分,使菜单结构更加清晰。 9. **a easyui-splitbutton `splitbutton` 分割按钮**: `splitbutton` 结合了按钮和下拉菜单,点击按钮执行默认操作,点击箭头则...

    jquery easyui

    8. **easyui-menu (菜单)**:`easyui-menu` 提供了一种创建下拉菜单的方式,菜单项可以是链接、分隔线、子菜单等,常用于提供快捷操作或导航。 9. **easyui-splitbutton (菜单按钮)**:`easyui-splitbutton` 结合了...

    EasyUI 1.4 中文API

    4. **导航组件**:如菜单(menu)、按钮(button)、工具栏(toolbar)等,用于增强用户体验。 5. **窗口组件**:如窗口(window)、提示(tooltip)、加载层(messager)等,提供弹出式功能。 6. **效果组件**:如...

    jQuery_EasyUI_API.rar_jquery-easyui api

    - **Menu(菜单)**:创建上下文菜单,动态添加、删除菜单项。 - **Tree(树形控件)**:加载、操作树结构数据,处理节点的展开、收缩、选择等事件。 - **Accordion(折叠面板)**:组织内容,允许用户逐步查看或...

    jQuery EasyUI 常用UI组件.RAR

    - **Menu**:菜单,创建下拉或弹出式菜单,常用于导航或操作选项。 - **Accordion**:手风琴,多面板展示,只有一个面板可见。 - **Slider**:滑块,用于数值选择或进度条显示。 - **DatePicker**:日期选择器,...

    jquery-easyui1.2.6兼容低版本ie文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如表格、下拉框、对话框、菜单等,极大地简化了网页界面的开发工作。在标题中提到的 "jquery-easyui1.2.6" 是该框架的一个特定版本,其...

Global site tag (gtag.js) - Google Analytics