jquery ui layout 部分中文翻译

《jquery ui layout 部分中文翻译》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、容器（Container）$("body").layout();$("body>.ui-layout-center").layout();面板（Panes）当一个边界布局被创建，它有多达5个区域：'北'，'南'，'西'，'东'和'中心'（'north','south','west','east'and'center'）只有中间的是必须要有的。这些区域被称为面板（窗格），大多数选项（option）只适用于“边境窗格”，意思是除了中心窗格的其他所有窗格。在这份文档中，当pane大写时，表示的是所有面板中的一个。"ui-layout-PANE"意味着"ui-la

2、yout-north",或"ui-layout-center"缩放工具杆：ui-layout-pane-west对应的缩放杆ui-layout-resizer-west面板间距（PaneSpacing）指的是边界窗格的空间内边缘。对于北窗格，指的是底部边缘，对于西窗格指的是他的右边缘。这个间距可以是0。这表示他与任何相邻窗格的空间是0，如果一个窗格没有间距，就不能有一个大小调整杆或是taggler按钮。窗格打开和关闭时的间距可以不同。每个窗格都有spacing_open和spacing_closed这两个选项。缩放杆（Resizer/Resizer-bar

3、）（拖拽）Div元素被创建，在窗格之间，用来填满间隙。这个div填满了这个间距的宽和高。面板在关闭和打开时可以有不同的间距。面板打开和关闭时，缩放杆都会自动缩放和重新定位。滑块（Slider/Slider-bar）其实没有独立的滑块元素，当窗格关闭的时候，缩放杆就扮演了滑块的角色。点击或者悬浮在这个滑块上，面板就被打开了。意味着不用拖拽就能滑动到相邻的面板旁边。当鼠标离开面板时，它会自动滑动并关闭。这个功能可以在布局选项中自定义或禁用。变换按钮（Toggler/Toggler-button）一个div元素被创建在拖拽div里面。这个div扮演变换按钮用来控

4、制面板的打开和关闭。你可以通过添加颜色边框或者是背景图片来定制他的样式。或者你可以使用togglerContent这个选项往里面插入文字、图片或者自定义的html。这个变换按钮通常填满了这个滑动杆的宽度（在边框以内）。Togglerlength是一个选项，它可以是个像素值也可以是个百分比。当设置成100%时，这个滑块完全覆盖缩放杆（除了缩放杆的边）。请注意，这可以用来防止面板打开时缩放，和面板关闭时滑开。每个面板都可以有不同的滑动长度。,togglerLength_open:50,togglerLength_closed:"100%",north__tog

5、glerLength_open:"100%",south__togglerLength_open:"100%"LAYOUTPROPERTIES&METHODS通过调用布局容器元素的方法和布局选项创建布局。$('body').layout([options]);如果布局实例分配给一个对象的指针（推荐）...varmyLayout=$('body').layout();...然后属性、方法和工具就能用来控制具体的布局对象//initinstancevar初始化实例varmyLayout=$('body').layout();//readlayout'optio

6、ns'读取布局选项varis_west_resizable=myLayout.options.west.resizable;varnorth_maxHeight=myLayout.options.north.maxSize;//getlayout'state'获取布局状态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一组面板对象（panes.north，panes.south等）。每个面板对象都是一个jquery外套，如果面板在布局中不存在，例如没有south-pane（panes.south==false），就不会成为一个jquery对象。options包含所有用于布局的选项，包括默认的和用户指定的选项。state包含所有元素，包括布局容器

8、的尺寸。尺寸包括边界和填充：上下左右加上outerWidth，ou