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

Posted 2020-08-12 日月心诚

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

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>