?? ext.tabpanel.html
字號:
?<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.TabPanel-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.TabPanel-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.TabPanel-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.TabPanel-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.TabPanel"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.TabPanel</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> TabPanel.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.TabPanel </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.Panel </td> </tr> </table> <div class="description"> </div> <div class="hr"> </div> <a id="Ext.TabPanel-configs"></a> <h2>配置項</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 配置項 </th> <th class="msource-header"> 定義者 </th> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="layoutOnTabChange-header"></a> <b>layoutOnTabChange</b> : Boolean <div class="mdesc"> <div class="short"> True表示為每當Tab切換時就繪制一次布局. </div> <div class="long"> True表示為每當Tab切換時就繪制一次布局. </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="monitorResize-header"></a> <b>monitorResize</b> : Boolean <div class="mdesc"> <div class="short"> Ture表示為自動監視window resize的事件,以處理接下來一... </div> <div class="long"> Ture表示為自動監視window resize的事件,以處理接下來一切的事情,包括對視見區(viewport)當前大小的感知,一般情況該值由<a href="###" onClick="alert('#layout');">#layout</a>調控,而無須手動設置。 </div> </div> </td> <td class="msource"> <!--如果這不是同個namespace下--> <a ext:cls="Ext.Container" ext:member="#method-monitorResize" href="output/Ext.Container.html#method-monitorResize"> Container </a> </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="deferredRender-header"></a> <b>deferredRender</b> : Boolean <div class="mdesc"> <div class="short"> 內置地, Tab面板是采用 Ext.layout.CardLayout... </div> <div class="long"> 內置地, Tab面板是采用 <a href="###" onClick="alert('Ext.layout.CardLayout');">Ext.layout.CardLayout</a> 的方法管理tabs. 此屬性的值將會傳遞到布局的 <a href="###" onClick="alert('Ext.layout.CardLayout#deferredRender');">Ext.layout.CardLayout#deferredRender</a> 配置值中,以決定是否只有tab面板 第一次訪問時才渲染 (缺省為 true). </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="tabWidth-header"></a> <b>tabWidth</b> : Number <div class="mdesc"> <div class="short"> 每一張新tab的初始寬度,單位為象素 (缺省為 120). </div> <div class="long"> 每一張新tab的初始寬度,單位為象素 (缺省為 120). </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="minTabWidth-header"></a> <b>minTabWidth</b> : Number <div class="mdesc"> <div class="short"> 每張tab寬度的最小值,僅當 #resizeTabs = true有效... </div> <div class="long"> 每張tab寬度的最小值,僅當 <a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a> = true有效 (缺省為 30). </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="resizeTabs-header"></a> <b>resizeTabs</b> : Boolean <div class="mdesc"> <div class="short"> True to automatically resize each t... </div> <div class="long"> True to automatically resize each tab so that the tabs will completely fill the tab strip (defaults to false). Setting this to true may cause specific widths that might be set per tab to be overridden in order to fit them all into view (although <a href="###" onClick="alert('#minTabWidth');">#minTabWidth</a> will always be honored). True表示為自動調整各個標簽頁的寬度,以便適應當前TabPanel的候選欄的寬度(默認為false)。 這樣設置的話,那么每個標簽頁都可能會一個規定的寬度,原先標簽頁的寬度將不會保留以便適應顯示(盡管<a href="###" onClick="alert('#minTabWidth');">#minTabWidth</a>依然作用)。 </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="enableTabScroll-header"></a> <b>enableTabScroll</b> : Number <div class="mdesc"> <div class="short"> True to enable scrolling to tabs th... </div> <div class="long"> True to enable scrolling to tabs that may be invisible due to overflowing the overall TabPanel width. Only available with tabs on top. (defaults to false). 『有時標簽頁會超出TabPanel的整體寬度。為防止此情況下溢出的標簽頁不可見,就需要將此項設為true以出現標簽頁可滾動的功能。 只當標簽頁位于上方的位置時有效(默認為false)。』 </div> </div> </td> <td class="msource"> TabPanel </td> </tr> <tr class="config-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <a id="scrollIncrement-header"></a> <b>scrollIncrement</b> : Number <div class="mdesc"> <div class="short"> The number of pixels to scroll each... </div> <div class="long"> The number of pixels to scroll each time a tab scroll button is pressed (defaults to 100, or if <a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a> = true, the calculated tab width). Only applies when <a href="###" onClick="alert('#enableTabScroll');">#enableTabScroll</a> = true. 『每次滾動按鈕按下時,被滾動的標簽頁所移動的距離(單位是像素,默認為100,若<a href="###" onClick="alert('#resizeTabs');">#resizeTabs</a>=true,那么默認值將是計算好的標簽頁寬度)。 只當<a href="###" onClick="alert('#enableTabScroll');">#enableTabScroll</a> = true時有效。』 </div> </div> </td> <td class="msource"> TabPanel
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -