zoukankan      html  css  js  c++  java
  • javascriptAPI 地图窗口任意位置右键显示菜单功能

    地图窗口任意位置右键显示菜单功能,把如下javascript代码写入单独的脚本,直接引入map窗口所在的html页面即可:

    Creation from markup is even easier. This example creates a context menu for the whole window.

    dojo.require("dijit.Menu");
    dojo.require("dijit.ColorPalette");
    <div data-dojo-type="dijit.Menu" id="windowContextMenu" data-dojo-props="contextMenuForWindow:true" style="display: none;">
        <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCut',
            onClick:function(){alert('not actually cutting anything, just a test!')}">Cut</div>
        <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy',
            onClick:function(){alert('not actually copying anything, just a test!')}">Copy</div>
        <div data-dojo-type="dijit.MenuItem" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste',
            onClick:function(){alert('not actually pasting anything, just a test!')}">Paste</div>
        <div data-dojo-type="dijit.MenuSeparator"></div>
        <div data-dojo-type="dijit.PopupMenuItem">
            <span>Enabled Submenu</span>
            <div data-dojo-type="dijit.Menu" id="submenu1">
                <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 1!')}">Submenu Item One</div>
                <div data-dojo-type="dijit.MenuItem" data-dojo-props="onClick:function(){alert('Submenu 2!')}">Submenu Item Two</div>
            </div>
        </div>
        <div data-dojo-type="dijit.PopupMenuItem">
            <span>Popup of something other than a menu</span>
            <div data-dojo-type="dijit.ColorPalette"></div>
        </div>
    </div>
    
    <span>Right click anywhere on this page to see a menu</span>

    Note that popup menus should be hidden via specifying style=”display: none”.Hiding the menu indirectly via a class won’t work (in that the menu will remain invisible even when it’s supposed to be displayed).

    原文链接:http://dojotoolkit.org/reference-guide/1.7/dijit/Menu.html

  • 相关阅读:
    单例模式
    建造者模式
    工厂模式
    八大排序算法之插入排序
    八大排序算法之基数排序
    lua 4 使用table实现其他数据结构,并介绍遍历方法
    lua 3 循环
    lua 2 变量
    lua 1 基本语法和注意事项
    template指针小测试
  • 原文地址:https://www.cnblogs.com/dwf07223/p/3028008.html
Copyright © 2011-2022 走看看