$.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); } } }); }); } });
相关推荐
当然,实际应用中可能还需要考虑更多细节,比如响应式布局、菜单的动态加载、菜单项的图标等。`jQuery EasyUI` 提供了丰富的配置选项和API,可以根据项目需求进行定制。 总结一下,使用 `jQuery EasyUI` 创建三级...
1. 数据绑定:通过JSON数据结构,将菜单项与`easyui-accordion`和`easyui-tree`组件关联起来,动态生成导航结构。 2. 事件处理:监听用户的点击事件,根据选择的菜单项执行相应的操作,如跳转页面、加载内容或展开/...
其中,折叠菜单(Accordion)组件是easyUI中的一个重要组成部分,它能够帮助开发者构建可折叠式的菜单或面板,以提高页面布局的灵活性和美观性。 #### 二、easyUI折叠菜单的实现原理 在easyUI中,Accordion 组件...
在“easyui页面布局示例”中,我们将探讨如何利用 EasyUI 实现高效且直观的页面布局,并结合导航菜单,实现动态内容加载。 首先,EasyUI 提供了多种布局模式,如网格布局(grid layout)、面板布局(panel layout)...
《jQuery EasyUI 中文手册》是为初学者准备的一份详尽指南,它涵盖了jQuery EasyUI框架中的核心组件和功能,旨在帮助开发者快速理解和应用这个强大的前端开发工具。jQuery EasyUI基于jQuery库,提供了一套简洁、直观...
这套模板可能包括登录注册、导航菜单、滑动效果、响应式布局等设计,确保在不同屏幕尺寸的设备上都能良好运行。开发者可以利用EasyUI的移动优化组件,如滑动面板(slider)、折叠面板(accordion)等,打造流畅的...
### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...
##### 知识点4:动态添加tabs - **概念**:在页面运行时动态增加新的标签页。 - **实现方法**:调用`.tabs('add')`方法添加新的标签页。 #### 四、DataGrid 数据格 ##### 知识点1:转换HTML表格到DataGrid - **...
5. **树形组件**:`tree`和`treepanel`用于展现层级结构的数据,常用于菜单导航或组织结构的展示。 6. **菜单组件**:`menu`提供下拉菜单功能,便于构建导航栏或操作选项。 7. **按钮组件**:`linkbutton`、`...
1. 该框架的开发环境为EclipseJEE集成开发工具。... 前台展示页面使用了JQuery EasyUI的布局、列表和消息组件。 6. 系统实现了较为完善的用户模块,对用户数据实现了增、删、改、查、分页等的功能。
1. **组件丰富**:EasyUI 提供了如对话框(dialog)、表格(datagrid)、菜单(menu)、树形结构(tree)、表单(form)等常见Web应用所需的组件,极大地简化了前端开发工作。 2. **响应式设计**:支持响应式布局,...
5. **Menu**:菜单组件,提供多级下拉菜单,方便用户操作导航。 6. **Accordion**:手风琴组件,可以折叠和展开内容区域,节省空间。 三、使用 jQuery EasyUI 开发步骤 1. **引入库文件**:在HTML页面中添加jQuery...
`menu-sep` 用于在菜单项之间添加分隔线,增加视觉区分,使菜单结构更加清晰。 9. **a easyui-splitbutton `splitbutton` 分割按钮**: `splitbutton` 结合了按钮和下拉菜单,点击按钮执行默认操作,点击箭头则...
8. **easyui-menu (菜单)**:`easyui-menu` 提供了一种创建下拉菜单的方式,菜单项可以是链接、分隔线、子菜单等,常用于提供快捷操作或导航。 9. **easyui-splitbutton (菜单按钮)**:`easyui-splitbutton` 结合了...
4. **导航组件**:如菜单(menu)、按钮(button)、工具栏(toolbar)等,用于增强用户体验。 5. **窗口组件**:如窗口(window)、提示(tooltip)、加载层(messager)等,提供弹出式功能。 6. **效果组件**:如...
- **Menu(菜单)**:创建上下文菜单,动态添加、删除菜单项。 - **Tree(树形控件)**:加载、操作树结构数据,处理节点的展开、收缩、选择等事件。 - **Accordion(折叠面板)**:组织内容,允许用户逐步查看或...
- **Menu**:菜单,创建下拉或弹出式菜单,常用于导航或操作选项。 - **Accordion**:手风琴,多面板展示,只有一个面板可见。 - **Slider**:滑块,用于数值选择或进度条显示。 - **DatePicker**:日期选择器,...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如表格、下拉框、对话框、菜单等,极大地简化了网页界面的开发工作。在标题中提到的 "jquery-easyui1.2.6" 是该框架的一个特定版本,其...