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

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

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>

转载于:https://www.cnblogs.com/Lxiaojiang/p/5926436.html