Tab在設計中比較常用的功能，該功能可使用Easyui的自身功能即可。
創建一個Tab非常簡單，我們不需要寫任何的js代碼。只需要記得將div的class設定為easyui-tabs。每一個tab的Panel需要產生一個子div。
|
<div id="Div1" class="easyui-tabs" style="width: 500px; height: 250px;"> <div title="Tab1" style="padding: 20px; "> tab1 </div> <div title="Tab2" data-options="closable:true" style="overflow: auto; padding: 20px; "> tab2 </div> </div> |
而實際如需要顯示在Table中的grid或者Form，都可以在原始碼中copy到tab1/tab2的位置進行填補。這樣就可以完成元件的tab功能。
tab重要屬性可參照：
|
名稱 |
類型 |
說明 |
|
title |
string |
tab標題 |
|
iconCls |
string |
tab標題顯示icon的css class |
|
width |
number |
寬度 |
|
height |
number |
高度 |
Related Topics