EasyUI - Menu 菜单

效果:

html代码:

<div id="mm" class="easyui-menu">
    <div id ="0">New</div>
    <div>
        <span id ="1">Open</span>
        <div style="width: 150px;">
            <div id ="1.0"><b>Word</b></div>
            <div id ="1.1">Excel</div>
            <div id ="1.2">PowerPoint</div>
        </div>
    </div>
    <div id ="2" data-options="iconCls:‘icon-save‘">Save</div>
    <div id ="3" class="menu-sep"></div>
    <div id ="4">Exit</div>
</div>

JavaScript代码:

$(function () {
    //禁止使用浏览器的右键菜单
    $(document).on(‘contextmenu‘, function (e) {
        e.preventDefault();

        //此时使用EasyUI的Menu菜单
        $(‘#mm‘).menu(‘show‘, {
            left: e.pageX,
            top: e.pageY,
        });

        //菜单事件
        $(‘#mm‘).menu({
            onClick: function (e) {
                alert(e.id);//获取菜单的id值
            }
        })
    })
})
时间: 2024-10-11 07:52:06

EasyUI - Menu 菜单的相关文章

修改EasyUI Menu菜单项高度

$.fn.menu.defaults={zIndex:110000,left:0,top:0,alignTo:null,align:"left",minWidth:120,itemHeight:32, 查找这段代码.修改itemHeight的值.

第二百零六节,jQuery EasyUI,Menu(菜单)组件

jQuery EasyUI,Menu(菜单)组件 学习要点: 1.加载方式 2.菜单项属性 3.菜单属性 4.菜单事件 5.菜单方法 本节课重点了解 EasyUI 中 Menu(菜单)组件的使用方法,这个组件不依赖于任何其他 组件. 一.加载方式 菜单组件通常用于快捷菜单,在加载方式上,通过 class 或 JS 进行设置为菜单组件. 然后,再通过 JS 事件部分再响应. class 加载方式, <div id="box" class="easyui-menu"

Jquery Easy-UI 树形菜单的运用

一.树形菜单的右键标签 期中增加同级机构.增加下属机构.修改.删除分别是调用了addNode(),del()等方法. <div id="menuTree" class="easyui-menu" style="width: 120px;"> <SecurityTag:Authorize ID="Authorize12" runat="server" FunctionID="fun

jQuery EasyUI 右键菜单--关闭标签/选项卡

目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: 方式 一: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOC

EasyUI 树菜单

EasyUI 树菜单 通过ssm框架项目实现EasyUI 的树菜单的单选,复选,异步加载树,同步加载树和树权限控制等功能. 本章知识点 效果图: 需求:通过SSM框架,实现EasyUI 树菜单的单选,多选,异步加载,同步加载的功能 技术:Spring,SpringMVC,Mybatis,EasyUI 明说:使用EasyUI-Tree,必须严格遵守它的规则,如异步加载树节点的 id,异步加载树返回值的格式等.如果按照其规则来做,你会发现 EasyUI 很简单.反之到处都是吭! 源码:见文章底部 场

如何解决EasyUI树菜单单击文字无法展开菜单的问题

最近遇到一个问题:单击EasyUI树菜单中的文字,菜单无法展开,只有单击加号才能展开,才有效果.如何解决这个问题呢?方法如下: 1 找到要添加的代码的位置,比如说 jquery.easyUI.min.js 文件中菜单的设置处(具体要看自己的项目是  在哪里设置) 2 找到onSelect 函数,然后添加如下代码: onSelect:function(node){      $(this).tree(node.state === 'closed' ? 'expand' : 'collapse', 

Android开发中的menu菜单

复写onCreateOptionsMenu方法,当点击menu菜单时,调用该方法. @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. //getMenuInflater().inflate(R.menu.main, menu); //第一个参数是组的ID,第二个参数是添加的选项的ID,第

[转]ExtJs4 笔记(13) Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 本篇讲解菜单.绘图.还有大小变更控件.菜单控件可以附加到各种其他控件中,比如按钮.工具栏等,甚至可以直接通过通过右键打开(模拟右键菜单):ext对绘图的支持可以让我们通过js来绘图:大小变更控件可以让各种html元素获取可变更大小的能力.下面我们一一详细介绍. 一.Ext.menu.Menu

SharePoint 2013 激活标题字段外的Menu菜单

前言 SharePoint 有个很特别的字段,就是标题(Title)字段,无论想要链接到项目,还是弹出操作项目的菜单,都是通过标题字段,一直以来需要的时候,都是通过将标题字段改名进行的. 其实,SharePoint每个字段都可以有链接到项目和弹出操作菜单的功能,只是没有在SharePoint UI上给予体现,需要通过攻击修改字段的属性来完成.下面,我们简单介绍下通过SharePoint Manager 2013来修改字段属性. 1.默认列表的菜单是这样的,每个标题字段前面都有代表操作的三个点,如