首页 > 其他 > 详细

easyUI学习笔记之tab组件的鼠标事件

时间:2016-10-01 22:22:39      阅读:429      评论:0      收藏:0      [点我收藏+]

一、鼠标经过组件后的事件,自动打开选项卡内容

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>

easyUI学习笔记之tab组件的鼠标事件

原文:http://www.cnblogs.com/Lxiaojiang/p/5926436.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!