MVC4 +EasyUI Tabs 使用
Tabs 右键菜单功能实现
前端
<div id="tabs" class="easyui-tabs" fit="true" border="false" data-options="tools:'#tab-tools'">
</div> <div id="tab-tools">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" onclick="reload()"></a>
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-delete'" onclick="closecur()"></a>
</div> <div id="mm" class="easyui-menu" style="width:150px;">
<div data-options="iconCls:'icon-reload'" id="refresh">刷新</div>
<div class="menu-sep"></div>
<div data-options="iconCls:'icon-delete0'" id="closecur">关闭当前</div>
<div data-options="iconCls:'icon-delete0'" id="closeall">全部关闭</div>
<div data-options="iconCls:'icon-delete0'" id="closeother">除此之外全部关闭</div>
<div class="menu-sep"></div>
<div data-options="iconCls:'icon-delete0'" id="closeright">当前页右侧全部关闭</div>
<div data-options="iconCls:'icon-delete0'" id="closeleft">当前页左侧全部关闭</div>
</div>
脚本
$(function () { $(".tabs-header").bind('contextmenu', function (e) {
e.preventDefault();
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
}); //刷新
$("#refresh").bind("click", function () {
reload();
}) //关闭当前标签页
$("#closecur").bind("click", function () {
closecur();
});
//关闭所有标签页
$("#closeall").bind("click", function () { var tablist = $('#tabs').tabs('tabs');
for (var i = tablist.length - 1; i >= 0; i--) {
$('#tabs').tabs('close', i);
}
});
//关闭非当前标签页(先关闭右侧,再关闭左侧)
$("#closeother").bind("click", function () {
var tablist = $('#tabs').tabs('tabs');
var tab = $('#tabs').tabs('getSelected');
var index = $('#tabs').tabs('getTabIndex', tab);
for (var i = tablist.length - 1; i > index; i--) {
$('#tabs').tabs('close', i);
}
var num = index - 1;
for (var i = num; i >= 0; i--) {
$('#tabs').tabs('close', 0);
}
});
//关闭当前标签页右侧标签页
$("#closeright").bind("click", function () {
var tablist = $('#tabs').tabs('tabs');
var tab = $('#tabs').tabs('getSelected');
var index = $('#tabs').tabs('getTabIndex', tab); for (var i = tablist.length - 1; i > index; i--) {
$('#tabs').tabs('close', i);
}
});
//关闭当前标签页左侧标签页
$("#closeleft").bind("click", function () {
var tab = $('#tabs').tabs('getSelected');
var index = $('#tabs').tabs('getTabIndex', tab);
var num = index - 1;
for (var i = 0; i <= num; i++) {
$('#tabs').tabs('close', 0);
}
}); }); function reload() {
var currentTab = $('#tabs').tabs('getSelected');
var iframe = $(currentTab.panel('options').content);
var src = iframe.attr('src');
$('#tabs').tabs('update', {
tab: currentTab,
options: {
content: '<iframe scrolling="auto" frameborder="0" style="width:100%;height:100%;" src="' + src + '" ></iframe>'
}
})
} function closecur() { var tab = $('#tabs').tabs('getSelected');
var index = $('#tabs').tabs('getTabIndex', tab);
$('#tabs').tabs('close', index);
}
MVC4 +EasyUI Tabs 使用的更多相关文章
- 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控 ...
- 转--基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
原文 http://www.cnblogs.com/wuhuacong/p/3317223.html 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用 在前面介绍了两篇关于我的基 ...
- (转)基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
原文地址:http://www.cnblogs.com/wuhuacong/p/3317223.html 在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中 ...
- 基于MVC4+EasyUI的Web开发框架经验总结(16)--使用云打印控件C-Lodop打印页面或套打报关运单信息
在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于 ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用
ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo (3):面向接口编程 (4 ):业务逻辑层的封装 ...
- EF6 CodeFirst+Repository+Ninject+MVC4+EasyUI实践(一)
前言 本系列源自对EF6 CodeFirst的探索,但后来发现在自己项目中构建的时候遇到了一些问题以及一些解决方法,因此想作为一个系列写下来. 本系列并不是教你怎么做架构设计,但可以参照一下里面的方法 ...
- 基于MVC4+EasyUI的Web开发框架经验总结
http://www.cnblogs.com/wuhuacong/p/4093778.html 在很多Web系统中,一般都可能提供一些图标的选择,方便配置按钮,菜单等界面元素的图 标,从而是Web系统 ...
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...
- 基于MVC4+EasyUI的Web开发框架经验总结(15)--在MVC项目中使用RDLC报表
RDLC是一个不错的报表,有着比较不错的设计模式和展现效果,在我的Winform开发里面,使用RDLC也是一个比较方便操作,如可以参考文章<DevExpress的XtraReport和微软RDL ...
随机推荐
- xcode 第三方插件遇到问题
xcode 第三方安装的路径 ~/Library/Application Support/Developer/Shared/Xcode/Plug-ins 
- eclipse中一些设置&配置项
在学习过程中出现的一些问题,以备忘: 1.eclipse中手动生成项目目录结构 按照这个项目结构建立文件夹,build path -configure build pa ...
- ASP.NET MVC中多种ActionResult用法总结
最近一段时间做了个ASP.NET MVC4.0的项目,项目马上就要结束了,今天忙里偷闲简单总结一下心得: 1. 如果Action需要有返回值的话,必须是ActionResult的话,可以返回一个Emp ...
- python 字符串编码转换
import chardetdef CheckCode(filename): adchar=chardet.detect(filename) if adchar['encoding']=='utf-8 ...
- C(++) Websocket消息推送---GoEasy
Goeasy, 它是一款第三方推送服务平台,使用它的API可以轻松搞定实时推送!个人感觉goeasy推送更稳定,推送 速度快,代码简单易懂上手快 浏览器兼容性:GoEasy推送 支持websocket ...
- win7系统.LNK类型文件打开方式的修复办法
1.首先 win+r 2.打开运行程序 3.输入: regedit 4.找到: 计算机\HKEY_CURRENT_USER\SOFTWARE\MICROSOFT\WINDOWS\currentvers ...
- php判断请求类型 ajax、get还是post类型
1.通过PHP获取预定义变量中的XMLHttpRequest判读. 首先你必须使用jquery或Js发送ajax请求,通过jquery发送的$.ajax, $.get or $.post方法请求网页内 ...
- Object有哪些公用方法?
protected Object clone() 创建并返回此对象的一个副本.public boolean equals(Object obj) 指示其他某个对象是否与此对象"相等" ...
- HTML学习-日常问题-1
最近入了Html的坑 所以开始了学习前端的漫长道路 所以打算将日常遇到的小问题记录下来 1.关于img自适应的问题 <div class="main"> <div ...
- Http协议:彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法
转载:http://mp.weixin.qq.com/s/uWPls0qrqJKHkHfNLmaenQ 导语 Http 缓存机制作为 web 性能优化的重要手段,对从事 Web 开发的小伙伴们来说是必 ...