使用easyui为tab页增加右键菜单

在使用easyui进行上左右布局一文中,我们已经使用easyui搭建起了一个简单的上左右布局.在使用的过程中,我们经常会遇到tab页打开的太多,但只能一个一个的关闭的烦恼,这个时候有没有想到eclipse中tab右键菜单的关闭其他和关闭所有选项呢? 下面我们就来使用easyui来实现tab页的关闭其他和关闭所有的功能. 1.在上一篇文章的html结构中添加入menu的结构 <body> <div id="home-layout"> <!-- 以前的code…

EasyUI 的Tab 标签添加右键菜单

样式: 主要提供右键功能代码. (只需要提供你需要的js和css就行了) <!doctype html> <html> <head> <base href="/smile/" /> <title>标签右键菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />…

为EasyUI 的Tab 标签添加右键菜单

在网上看了很多demo 自己实现了一个效果如下 ps jquery1.7.2 jQuery EasyUI 1.3.6easyui QQ群:15129679 <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>tabs 右键菜单demo QQ:15129…

SNF快速开发平台MVC-EasyUI3.9之-DataGrid表格控件如何增加右键菜单

如题,我们在项目开发当中会遇到需要,表格控件增加右键菜单的使用. 下面我们就以SNF框架增加右键菜单步骤如下: 1.在加载页面当中增加如下菜单定义 <div id="mm" class="easyui-menu" style="width: 65px;"> <div id="createLeftTable" data-options="iconCls:'icon-package'">…

仅在TabControl中的Tab中添加右键菜单

若想实现仅在TabControl中的Tab中添加右键菜单,可在XAML中通过使用样式得到: <TabControl> <TabControl.ItemContainerStyle> <Style TargetType="{x:Type TabItem}"> <Setter Property="ContextMenu"> <Setter.Value> <ContextMenu/> <!--…

jquery easyui 中tab页添加其他页面，href与content的用法与区别

//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs('select',name); }else{ var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:…

easyui tab上面添加右键菜单

说扩展,我觉得有点过了,只是加入了右击TAB选项卡时显示关闭的上下文菜单,先看下效果图: 具体实现代码: 右键菜单 HTML: <div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabclose">关闭</div> <div id="mm-tabcloseall…

为jQuery-easyui的tab组件添加右键菜单功能

加入了右击TAB选项卡时显示关闭的上下文菜单具体实现代码: 右键菜单 HTML: <div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabclose">关闭</div> <div id="mm-tabcloseall">全部关闭</div> <div id=…

Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件

做个项目使用jquery easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件. 主要源代码如下: <script type="text/javascript"> $(function(){ var access_editingId; //当前正在编辑的 var access_lastChildName; var access_addclick=0; //点击了添加 $('#access_tg').treegrid({ //右键 onContextMen…

Bootstrap技术: 如何给nav导航组件的tab页增加关闭按钮以及动态的添加和关闭tab页

先给出示例html代码 <div>  <ul class="nav nav-tabs" role="tablist" id="contentnavid"> <li role="presentation" class="active"><a href="#tab1" aria-controls=&quo…

C/C++ Qt 给ListWidget增加右键菜单

在上一篇博文<C/C++ Qt ListWidget 列表框组件应用>中介绍了ListWidget组件的基本使用技巧,本次将给ListWidget组件增加一个右键菜单,当用户在ListWidget组件中的任意一个子项下右键,我们让其弹出这个菜单,并根据选择提供不同的功能. 为了增加菜单,我们首先需要在程序全局增加QAction其中每一个QAction则代表一个菜单选项指针. // 全局下设置增加菜单 QAction *NewAction; QAction *InsertAction; QAct…

easyui中tab页中js脚本无法加载的问题及解决方法

我发现tab页中<script src="xxx.js">方式加载的脚本没有生效,firebug看请求也没有请求相应的脚本文件. 单独在浏览器中打开tab页中的页面js脚本请求和加载都没有问题. 之前还以为是诡异的缓存原因,查了资料才知道tab页中加载的是html片段,也就是body中的部分,写在head中的内容会在解析中被过滤掉. 然后把<script src="xx.js">挪到body中,问题就解决了.…

Ubuntu，右键->在终端中打开（apt-install，或者手动增加右键菜单）

方法一: sudo apt-get install nautilus-open-terminal 然后重启方法二: Ubuntu中,默认右键菜单中没有“在终端中打开”.要想添加此菜单,可以在主目录中新建如下内容的脚本文件: #!/bin/bash # This script opens a gnome-terminal in the directory you select. # Distributed under the terms of GNU GPL version 2 or later…

EasyUI 添加tab页(iframe方式)(转)

function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var content = '<iframe scrolling="no" frameborde…

EasyUI 添加tab页(iframe方式)

EasyUI 在Tab页用button打开新Tab

标签: <a href="javascript:void(0)" class="easyui-linkbutton" id="ipConfig" iconCls="icon-edit" onclick="ipConfig()">例外邮件暂停</a> 调用js: function ipConfig() { parent.$('.easyui-accordion li div').rem…

ubuntu环境配置------增加右键菜单打开terminal

直接安装一个软件包nautilus-open-terminal 终端输入:sudo apt-get install nautilus-open-terminal 重启系统!…

给jquery easy-ui 添加右键菜单

XtraTabPage右键菜单(关闭当前页、关闭其它页、所有关闭的实现)

实现的需求: 用户习惯是一个不可忽略的东西,默认这版的dx的tab也木有右键操作,但用户习惯操作如浏览器都有右键关闭功能,故这里实现先dx的该功能技术实现: (1)在winform的相应控件内,拖入以下dx的控件 (2)初始化右键的菜单项 private void InitPopMenu() { BarButtonItem barItemCurrent = new BarButtonItem { Name = "barItemCurrent", Caption = "关闭当…

js屏蔽浏览器右键菜单,粘贴,复制,剪切,选中（转）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（六）之 Layim源码改造右键菜单--好友、组管理功能的实现。

前言上一篇中讲解了加好友的流程,本篇将介绍好友管理,群组管理的右键菜单功能.当然由于菜单项目太多,都实现也得花费时间.只讲解一下我是如何从不知道怎么实现右键菜单到会自定义菜单的一个过程.另外呢,针对菜单:发送即时消息这个原本在Laim中已经有的功能做出实现,其他的方法,只要按照业务逻辑一一实现即可. 演示用户信息右键菜单: 好友分组信息右键菜单: 群组信息右键菜单: 思路讲解首先呢,Layim中针对历史消息这个栏有两个菜单项,清空和删除某一条,这是源代码中已经有的,当我看到这段代码的时候,…

Windows下Cygwin添加右键菜单

在http://herry2013git.blog.163.com/blog/static/2195680112013437139447/看到一篇文章,将Cypwin加入右键菜单,方便使用. 为了更傻瓜,做了一点改动,仅仅是为了方便配置,谢谢作者无私奉献. 1.重写Cygwin目录下的Cygwin.bat: @echo off set _T=%CD% echo %_T G: chdir G:\env\cygwin\bin @rem bash --login -i start mintty.exe…

easyui最简单的左右布局实现，及tab的右键菜单实现

发现最近有些人问用JQuery easyui要怎么实现左右结构的布局.就是点击左边的菜单在右边的tab中打开.其实easyui要实现这种布局很简单,只需要简单的几行代码就ok了. 特意做了一个小小的demo供大家参考,还把怎么实现tab的右键菜单附上. 源码:js部分: $(function () { //动态菜单数据 var treeData = [{ text : "菜单", children : [{ text : "一级菜单1", attributes :…

easyui修复浏览器刷新后，tab页全部关闭的问题

一.问题描述使用easyui搭建的上左右页面布局,当我们在右侧打开了tab页,发现点击浏览器的刷新按钮后,整个页面会被重新渲染,导致所有打开的tab页都被关闭,回到初始状态的问题. 这个问题虽然不影响业务,但对用户操作造成了一定的困扰.因为浏览器刷新后,tab页全部被关闭,那么用户又需要打开刚才正在使用的tab页,甚至有可能,用户会忘记打开过哪些tab页. 二.解决思路因为浏览器刷新后,页面重新渲染,所有tab页都不存在了,其实并不是关闭了tab,只是页面回到了初始状态.所以要解决这个问题,…

【干货】jsMind思维导图整合Easyui的右键菜单

原材料: 1.web版本的JavaScript思维导图(BSD开源协议)[戳这里去官网]. 2.easyui最新版[戳这里去官网]. 这里是原本的jsMind: 在线测试地址 :http://hizzgdev.github.io/jsmind/example/1_basic.html 为了操作方便,添加了一个右键菜单进入,也适当的添加了动画,让操作变得圆滑. 改进后,增加了一个简单新增操作: 明细列表中添加了拖拽功能(需要支持本地Ajax,晚上百度一下就知道该怎么做,这里不做说明了),当然这里只…

实现JQuery EasyUI右键菜单变灰不可用效果

使用过EasyUI的朋友想必都知道疯狂秀才写的后台界面吧,作为一个初学者我不敢妄自评论它的好坏,不过它确实给我们提供了一个很好框架,只要在它的基础上进行修改,基本上都可以满足我们开发的需要. 知道“疯狂秀才”写的后台界面已经有一段时间了,直到昨天才好好的研究了一下.在测试的过程中,我发现了一个自认为不友好的地方,举个例子:只剩下一个Tab选项卡时,点击“除此之外全部关闭”,接着会弹出两个提示框,提示“后边没有了~~”和“到头了前边没有了~~”.我平时经常使用VS作为开发工具,使用VS的朋友也…

JS组件系列——基于Bootstrap Ace模板的菜单Tab页效果优化

前言:之前发表过一篇 JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有) ,收到很多园友的反馈,当然也包括很多诟病,因为上篇只是将功能实现了,很多细节都没有处理,这篇博主将带领大家一起来优化这里的效果,使之成为一个可以在项目里面使用的成品. 说点题外话,本来,在互联网模式下,Tab页+iframe的组合是不能被大多数平台接受的,从这些年推出的一些好的产品可以看出,几乎大家都不这么玩,即使是一些后台的管理模板,比如常见的AdminLTE.Ace.INSPIN…

值得分享的Bootstrap Ace模板实现菜单和Tab页效果（转）

Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) Ace英文官网:http://wrapbootstrap.com/preview/WB0B30DGR Ace模板功能介绍地址:http://www.cnblogs.com/txw1958/p/Ace-Responsive-Admin-Template.html 1.菜单效果由于Ace是基于Bootstrap的,所以首先需要引用jquery和bootstrap…

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

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

使“Cmder Here”菜单在Tab页开新窗口

Cmder是一个非常好用的的控制台命令行,我们在实际使用的时候,经常通过如下指令将其注册到右键菜单: Cmder.exe /REGISTER ALL 这样就可以在任意文件夹下快速打开Cmder,并且能指定当前文件夹为默认路径,非常方便. 但是,默认情况下,它有一点做的不足的是:Cmder本身是支持多Tab页的方式的,但通过右键菜单打开的是却是多个窗口.即使在选项中进行了相关数字也没有效果. 今天,偶然看到网上找到了解决方法,操作步骤如下: 打开注册表,定位到"HKEY_CLASSES_ROOT\…

【使用easyui为tab页增加右键菜单】的更多相关文章