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

最新推荐文章于 2023-05-17 11:41:33 发布

转载最新推荐文章于 2023-05-17 11:41:33 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

本文介绍了如何使用jQuery实现鼠标经过选项卡时自动打开对应内容的功能，并展示了如何在datagrid中直接绘制表格，包括定义表格结构及填充静态数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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>