easyui获取当前点击对象tabs的title
2015-07-23 16:25
441 查看
http://blog.csdn.net/itmyhome1990/article/details/17525461
注:已在easyUI v1.4.2+jQuery v1.11.1中验证通过
现在如果要关闭一个tab,只能点击该tab上面的x号。现增加双击tab使其关闭。
可使用jquery的bind函数绑定dblclick双击事件
tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。
所以首先就要获取被点击对象的title。
查找AIP getSelected方法是获得选中的选项卡面板,这个不行,
没能找到能直接获取title的方法。
观察上面打开的tabs选项卡,肯定会有一个目前是被选中状态,而这个状态的class属性也肯定是和其他tabs不一样的,
通过chrome审查元素查看... 如下图。所以可利用这点来获取title
[javascript] view
plaincopy
$(document).ready(function() {
$('#frame_tabs').bind('dblclick',function(){
var title = $('.tabs-selected').text();
$('#frame_tabs').tabs('close',title);
})
});
注:已在easyUI v1.4.2+jQuery v1.11.1中验证通过
现在如果要关闭一个tab,只能点击该tab上面的x号。现增加双击tab使其关闭。
可使用jquery的bind函数绑定dblclick双击事件
tabs的关闭方法为close 要传一个title参数表示哪个选项卡将被关闭。
所以首先就要获取被点击对象的title。
查找AIP getSelected方法是获得选中的选项卡面板,这个不行,
没能找到能直接获取title的方法。
观察上面打开的tabs选项卡,肯定会有一个目前是被选中状态,而这个状态的class属性也肯定是和其他tabs不一样的,
通过chrome审查元素查看... 如下图。所以可利用这点来获取title
[javascript] view
plaincopy
$(document).ready(function() {
$('#frame_tabs').bind('dblclick',function(){
var title = $('.tabs-selected').text();
$('#frame_tabs').tabs('close',title);
})
});
相关文章推荐
- UISlider两边都可以滑动
- Map sort by value
- Codeforces Round #313 (Div. 2) D. Equivalent Strings(简单搜索)
- java 根据value进行并发同步操作
- NetSuite crm国内合作商来讲讲NetSuite常见问题
- String 与StringBuilder
- HDU 1242 Rescue(DFS or BFS)
- EF中使用SqlQuery进行参数化查询时抛出异常
- UIScrollView - 常用方法总结
- [SoapUI] SoapUI命令行方式运行
- Qt GUI 通过鼠标事件剖析整个事件处理流程(基于Qt4.5.2源码windows平台)
- UI—代理简单使用
- 下载:Win10 Build 10240 RTM官方简体中文镜像泄露(32/64位)
- 关于ueditor在Java中文件上传问题,404问题
- 关于ueditor在Java中文件上传问题,404问题
- [iOS学习]关于UILabel计算多行高度以及显示的问题
- CoreBluetooth之数据的读取与发送
- OS X 10.10 编译APUE Third Edition 源码
- web UI简介
- easyUI在IE浏览器中列表不显示