第六章 其他功能第六章 其他功能\6-9 Multi-tab

6-9 Multi-tab

Tab在設計中比較常用的功能,該功能可使用Easyui的自身的功能即可。

創建一個Tab非常簡單,我們不需要寫任何的js代碼。只需要記得將divclass設定為easyui-tabs。每一個tabPanel需要產生一個子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,都可以在源碼中copytab1/tab2的位置進行填補。這樣就可以完成元件的tab功能。

tab重要屬性可參照:

名稱

類型

説明

title

string

tab標題

iconCls

string

tab標題顯示iconcss class

width

number

寬度

height

number

高度

 


Top of Page