Home   Single Page

disabled プロパティ

タブの disabled プロパティを true にセットすることで、ユーザーが該当するタブをクリックしたりクローズボタンを押しても、選択したりクローズできなくなります。
しかし、開発者は継続してプログラムでタブの選択機能やクローズ機能を制御できます。

<tabbox width="300px" id="tbx">
    <tabs>    
        <tab label="Step 1" id="tb1" disabled="true"/>        
        <tab label="Step 2" id="tb2" disabled="true"/>        
        <tab label="Step 3" id="tb3" disabled="true"/>        
    </tabs>    
    <tabpanels>    
        <tabpanel><button label="to Step2" onClick="tbx.selectedTab=tb2"/></tabpanel>        
        <tabpanel><button label="to Step3" onClick="tbx.selectedTab=tb3"/></tabpanel>        
        <tabpanel>This is panel 3</tabpanel>        
    </tabpanels>    
</tabbox>