`
nikofan
  • 浏览: 229175 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

jQuery MiniUI 开发教程 导航控件 OutlookMenu:折叠菜单(八)

阅读更多
OutlookMenu:折叠菜单


参考示例:OutlookMenu:折叠菜单

创建OutlookMenu
<div class="mini-outlookmenu" url="../data/outlookmenu.txt" onitemselect="onItemSelect"
    idField="id" parentField="pid" textField="text">
</div>

数据结构
[
    { id: "user", text: "用户管理"},
    { id: "addUser", pid: "user", text: "增加用户", iconCls: "icon-add", url: "../navbartree/navbartree.html" },
    { id: "editUser", pid: "user", text: "修改用户", iconCls: "icon-edit", url: "../buttonedit/openwindow.html" },
    { id: "removeUser", pid: "user", text: "删除用户", iconCls: "icon-remove", url: "../datagrid/datagrid.html" },
       
    { id: "right", text: "权限管理"},
    { id: "addRight", pid: "right", text: "查询权限", iconCls: "Note", url: "../navbartree/navbartree.html", iconPosition: "top" },
    { id: "editRight", pid: "right", text: "操作权限", iconCls: "Reports", url: "../buttonedit/openwindow.html", iconPosition: "top" }       
]

0
3
分享到:
评论

相关推荐

    JQUERY MINIUI 学习资料

    1. **组件丰富**:MiniUI 包含了大量的前端组件,如表格(Table)、表单(Form)、树形结构(Tree)、下拉选择(ComboBox)、日期选择器(DateBox)等,几乎涵盖了常见的 Web UI 元素。 2. **易于使用**:通过简单...

    jquery miniui 教程 表格控件 合并单元格应用

    jQuery miniUI 是一款基于jQuery开发的轻量级Web UI组件库,它提供了丰富的控件,使得开发人员可以快速地构建出具有专业外观的Web应用程序。本文主要讲述的是在jQuery miniUI中如何应用表格控件来合并单元格。 合并...

    jQuery MiniUI-jar 包

    1. **组件丰富**:MiniUI包含了大量的UI组件,如表格(Grid)、树(Tree)、下拉选择框(ComboBox)、日期选择器(DatePicker)等,这些组件都进行了充分的封装,使得开发过程更为简洁。 2. **响应式设计**:框架...

    jQuery MiniUI 2.1.5 官方版本,作个保留

    jQuery MiniUI - 快速开发WebUI。 它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。 使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、...

    jQuery miniui_php

    jQuery miniUI 提供了丰富的控件,如输入框、下拉框、日期选择器等,可以方便地与这些控件进行事件绑定。例如,你可以监听文本框的 `change` 事件,当用户输入变化时执行某些操作: ```javascript $("#myInput")....

    jquery折叠菜单

    jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单jquery折叠菜单

    JQuery基础教程之第五章

    JQuery基础教程之第五章后面章节请看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery...

    jquery手风琴折叠导航菜单特效

    "jQuery手风琴折叠导航菜单特效"是一种常见的交互设计手法,它优化了用户体验,尤其是在有限的空间内展示大量分类时。本知识点将深入探讨这种特效的实现原理及应用。 首先,jQuery是一种轻量级的JavaScript库,它...

    jQuery动画垂直折叠导航效果

    本篇将深入探讨如何利用jQuery创建一个动画垂直折叠的导航菜单。 首先,我们需要理解jQuery的基本用法。jQuery的核心理念是“Write Less, Do More”,通过简洁的语法实现复杂的DOM操作、事件处理和动画效果。引入...

    miniui_java_myeclipse.rar_jQuery miniUI_java miniui_miniui

    5. 图标和其他资源:MiniUI 可能附带了用于组件的图标和其他图形资源。 使用 MiniUI 可以极大地提高 Java Web 开发的生产力,提供高质量的用户界面。通过与 MyEclipse 的整合,开发者可以在熟悉的开发环境中享受到 ...

    jquery jquery控件 时间控件 时分秒控件

    在本文中,我们将深入探讨jQuery时间控件,特别是那些能够显示和选择时、分、秒的控件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。时间控件在Web应用中非常常见,...

    实用jQuery可折叠收缩导航菜单特效代码

    "实用jQuery可折叠收缩导航菜单特效代码"是一个优秀的资源,它实现了动态、交互式的二级导航菜单,增强了用户体验。以下是关于这个特效代码的关键知识点的详细解释: 1. **jQuery库**:jQuery是一个广泛使用的...

    jQuery MiniUI

    1. **控件丰富**:MiniUI 包含了一系列常见的Web UI组件,如表格(Grid)、下拉选择框(ComboBox)、日期选择器(DatePicker)、对话框(Dialog)、分页(Pager)、表单(Form)等,这些控件设计精良,易于集成,...

    JQuery基础教程之第四章

    JQuery基础教程之第四章后续章节看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础...

    简洁JQuery可折叠竖导航菜单

    本篇文章将详细探讨“简洁JQuery可折叠竖导航菜单”的实现原理、应用场景及其实现步骤。 一、JQuery简介 JQuery是由John Resig于2006年创建的一个轻量级的JavaScript库,它的主要目标是简化DOM操作、事件处理和Ajax...

    jquery miniui

    MiniUI 提供了丰富的 UI 组件,包括表格、表单、树形控件、对话框、按钮、菜单等,极大地简化了前端开发工作,使得开发者可以更加专注于业务逻辑而不是界面展示的细节。 MiniUI 的核心特性在于其轻量级和高效性,...

    纯html5折叠式导航菜单

    在构建折叠式导航菜单时,元素可以作为菜单容器,帮助搜索引擎和辅助技术理解页面内容的结构。 折叠式菜单的核心在于JavaScript或CSS的交互效果,但在HTML5中,我们可以通过数据属性(data-*)来添加自定义信息,...

    jquery miniui 3.0

    1. **组件丰富**:MiniUI 提供了诸如表格(Grid)、表单(Form)、按钮(Button)、对话框(Dialog)、下拉菜单(ComboBox)、树形控件(Tree)等常见 Web UI 组件,覆盖了日常开发中的大部分需求。 2. **数据绑定*...

Global site tag (gtag.js) - Google Analytics