easyUI学习笔记之tab组件的鼠标事件
2016-10-01 21:30
330 查看
一、鼠标经过组件后的事件,自动打开选项卡内容
var tabs = $('#tt').tabs().tabs('tabs');
for(var i=0; i<tabs.length; i++){
tabs[i].panel('options').tab.unbind().bind('mouseenter',{index:i},function(e){
$('#tt').tabs('select', e.data.index);
});
}
其中“tt”是选项卡的ID名。
二datagrid 里面画表格,读取本地文件
<table class="easyui-datagrid" data-options="fit:true,singleSelect:true,rownumbers:true">
<thead>
<tr>
<th data-options="field:'f1',width:100">Title1</th>
<th data-options="field:'f2',width:100">Title2</th>
<th data-options="field:'f3',width:100">Title3</th>
</tr>
</thead>
<tbody>
<tr>
<td>d11</td>
<td>d12</td>
<td>d13</td>
</tr>
<tr>
<td>d21</td>
<td>d22</td>
<td>d23</td>
</tr>
</tbody>
</table>
var tabs = $('#tt').tabs().tabs('tabs');
for(var i=0; i<tabs.length; i++){
tabs[i].panel('options').tab.unbind().bind('mouseenter',{index:i},function(e){
$('#tt').tabs('select', e.data.index);
});
}
其中“tt”是选项卡的ID名。
二datagrid 里面画表格,读取本地文件
<table class="easyui-datagrid" data-options="fit:true,singleSelect:true,rownumbers:true">
<thead>
<tr>
<th data-options="field:'f1',width:100">Title1</th>
<th data-options="field:'f2',width:100">Title2</th>
<th data-options="field:'f3',width:100">Title3</th>
</tr>
</thead>
<tbody>
<tr>
<td>d11</td>
<td>d12</td>
<td>d13</td>
</tr>
<tr>
<td>d21</td>
<td>d22</td>
<td>d23</td>
</tr>
</tbody>
</table>
相关文章推荐
- POX学习笔记之组件注册与事件
- wpf学习笔记-3D场景中的鼠标相应事件
- JQuery学习笔记之鼠标的各种事件
- 【Java学习笔记】48:盒内组件的支撑和ActionEvent事件处理
- java学习:AWT组件和事件处理的笔记(1)--文本框上的ActionEvent事件
- Ext学习笔记3-事件及组件
- Java学习笔记-------Java引出GUI组件的事件 ???
- Python OpenCV学习笔记之:处理鼠标事件
- Ui学习笔记---EasyUI的使用方法,EasyLoader组件使用
- Pygame 学习笔记(3) - 键盘和鼠标事件
- 事件组件sencha touch 学习笔记
- unity3d 学习笔记___虚拟轴、鼠标事件、双击事件的应用处理
- 有关Silverlight TabControl组件的研究——Silverlight学习笔记(5)
- 【js学习笔记-095】----鼠标滚轮事件
- Ui学习笔记---EasyUI的EasyLoader组件源码分析
- 蓝鸥Unity入门鼠标事件学习笔记
- Flash As3.0 学习笔记 第三课-鼠标事件-鼠标跟随
- jquery学习笔记-jQuery实现单击和鼠标感应事件
- 20171012学习笔记Selenium 2 第四章WebDriver API 4.2控制浏览器 4.3简单元素操作4.4鼠标事件4.5键盘事件
- 基于《Selenium 2自动化测试实战》的学习笔记(8)—— 鼠标事件