資源描述：
《jquery ui layout 部分中文翻譯》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、容器（Container）$("body").layout();$("body>.ui-layout-center").layout();面板（Panes）當(dāng)一個(gè)邊界布局被創(chuàng)建，它有多達(dá)5個(gè)區(qū)域：'北'，'南'，'西'，'東'和'中心'（'north','south','west','east'and'center'）只有中間的是必須要有的。這些區(qū)域被稱為面板（窗格），大多數(shù)選項(xiàng)（option）只適用于“邊境窗格”，意思是除了中心窗格的其他所有窗格。在這份文檔中，當(dāng)pane大寫時(shí)，表示的是所有面板中的一個(gè)。"ui-layout-PANE"意味著"ui-la
2、yout-north",或"ui-layout-center"縮放工具桿：ui-layout-pane-west對(duì)應(yīng)的縮放桿ui-layout-resizer-west面板間距（PaneSpacing）指的是邊界窗格的空間內(nèi)邊緣。對(duì)于北窗格，指的是底部邊緣，對(duì)于西窗格指的是他的右邊緣。這個(gè)間距可以是0。這表示他與任何相鄰窗格的空間是0，如果一個(gè)窗格沒有間距，就不能有一個(gè)大小調(diào)整桿或是taggler按鈕。窗格打開和關(guān)閉時(shí)的間距可以不同。每個(gè)窗格都有spacing_open和spacing_closed這兩個(gè)選項(xiàng)?？s放桿（Resizer/Resizer-bar
3、）（拖拽）Div元素被創(chuàng)建，在窗格之間，用來填滿間隙。這個(gè)div填滿了這個(gè)間距的寬和高。面板在關(guān)閉和打開時(shí)可以有不同的間距。面板打開和關(guān)閉時(shí)，縮放桿都會(huì)自動(dòng)縮放和重新定位?；瑝K（Slider/Slider-bar）其實(shí)沒有獨(dú)立的滑塊元素，當(dāng)窗格關(guān)閉的時(shí)候，縮放桿就扮演了滑塊的角色。點(diǎn)擊或者懸浮在這個(gè)滑塊上，面板就被打開了。意味著不用拖拽就能滑動(dòng)到相鄰的面板旁邊。當(dāng)鼠標(biāo)離開面板時(shí)，它會(huì)自動(dòng)滑動(dòng)并關(guān)閉。這個(gè)功能可以在布局選項(xiàng)中自定義或禁用。變換按鈕（Toggler/Toggler-button）一個(gè)div元素被創(chuàng)建在拖拽div里面。這個(gè)div扮演變換按鈕用來控
4、制面板的打開和關(guān)閉。你可以通過添加顏色邊框或者是背景圖片來定制他的樣式?；蛘吣憧梢允褂胻ogglerContent這個(gè)選項(xiàng)往里面插入文字、圖片或者自定義的html。這個(gè)變換按鈕通常填滿了這個(gè)滑動(dòng)桿的寬度（在邊框以內(nèi)）。Togglerlength是一個(gè)選項(xiàng)，它可以是個(gè)像素值也可以是個(gè)百分比。當(dāng)設(shè)置成100%時(shí)，這個(gè)滑塊完全覆蓋縮放桿（除了縮放桿的邊）。請(qǐng)注意，這可以用來防止面板打開時(shí)縮放，和面板關(guān)閉時(shí)滑開。每個(gè)面板都可以有不同的滑動(dòng)長度。,togglerLength_open:50,togglerLength_closed:"100%",north__tog
5、glerLength_open:"100%",south__togglerLength_open:"100%"LAYOUTPROPERTIES&METHODS通過調(diào)用布局容器元素的方法和布局選項(xiàng)創(chuàng)建布局。$('body').layout([options]);如果布局實(shí)例分配給一個(gè)對(duì)象的指針（推薦）...varmyLayout=$('body').layout();...然后屬性、方法和工具就能用來控制具體的布局對(duì)象//initinstancevar初始化實(shí)例varmyLayout=$('body').layout();//readlayout'optio
6、ns'讀取布局選項(xiàng)varis_west_resizable=myLayout.options.west.resizable;varnorth_maxHeight=myLayout.options.north.maxSize;//getlayout'state'獲取布局狀態(tài)varis_west_open=myLayout.state.west.isOpen;varnorth_size=myLayout.state.north.size;//layoutmethods布局方法myLayout.toggle("north");myLayout.sizePane(
7、"west",300);//layoututilities布局公用myLayout.addPinBtn("#myPinButton","west");myLayout.allowOverflow("north");屬性：panes一組面板對(duì)象（panes.north，panes.south等）。每個(gè)面板對(duì)象都是一個(gè)jquery外套，如果面板在布局中不存在，例如沒有south-pane（panes.south==false），就不會(huì)成為一個(gè)jquery對(duì)象。options包含所有用于布局的選項(xiàng)，包括默認(rèn)的和用戶指定的選項(xiàng)。state包含所有元素，包括布局容器
8、的尺寸。尺寸包括邊界和填充：上下左右加上outerWidth，ou
