青岛网站搭建公司哪家好,做图软件ps下载网站有哪些,三维立体网站建设,旅游网站网页设计图片Layout(布局)使用$.fn.layout.defaults重写默认值对象。布局容器有5个区域#xff1a;北、南、东、西和中间。中间区域面板是必须的#xff0c;边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小#xff0c;也可以点击折叠按钮将面板折叠起来。布局可以进…Layout(布局)使用$.fn.layout.defaults重写默认值对象。布局容器有5个区域北、南、东、西和中间。中间区域面板是必须的边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套用户可以通过组合布局构建复杂的布局结构。创建布局1. 通过标签创建布局为 div/标签增加名为easyui-layout的类ID。2. 使用完整页面创建布局3. 创建嵌套布局注意嵌套在内部的布局面板的左侧(西面)面板是折叠的。4. 通过ajax读取内容布局是以面板为基础创建的。所有的布局面板都支持异步加载URL内容。使用异步加载技术用户可以使自己的布局页面显示的内容更多更快。折叠布局面板$(#cc).layout();// collapse the west panel$(#cc).layout(collapse,west);添加西侧区域面板和工具菜单按钮$(#cc).layout(add,{region: west,width: 180,title: West Title,split: true,tools: [{iconCls:icon-add,handler:function(){alert(add)}},{iconCls:icon-remove,handler:function(){alert(remove)}}]});属性名属性值类型描述默认值fitboolean如果设置为true布局组件将自适应父容器。当使用body标签创建布局的时候整个页面会自动最大。false事件名事件参数描述onCollapseregion在折叠区域面板的时候触发。(该事件自1.4.4版开始可用)onExpandregion在展开区域面板的时候触发。(该事件自1.4.4版开始可用)onAddregion在新增区域面板的时候触发。(该事件自1.4.4版开始可用)onRemoveregion在移除区域面板的时候触发。(该事件自1.4.4版开始可用)区域面板属性定义与panel组件类似下面的是公共的和新增的属性属性名属性值类型描述默认值titlestring布局面板标题文本。nullregionstring定义布局面板位置可用的值有north, south, east, west, center。borderboolean为true时显示布局面板边框。truesplitboolean为true时用户可以通过分割栏改变面板大小。falseiconClsstring一个包含图标的CSS类ID该图标将会显示到面板标题上。nullhrefstring用于读取远程站点数据的URL链接nullcollapsibleboolean定义是否显示折叠按钮。(该属性自1.3.3版开始可用)trueminWidthnumber最小面板宽度。(该属性自1.3.3版开始可用)10minHeightnumber最小面板高度。(该属性自1.3.3版开始可用)10maxWidthnumber最大面板宽度。(该属性自1.3.3版开始可用)10000maxHeightnumber最大面板高度。(该属性自1.3.3版开始可用)10000expandModestring在点击折叠面板时候的扩展模式。可用值有“float”、“dock”和nullfloat区域面板将展开并浮动在顶部在鼠标焦点离开面板时会自动隐藏。dock区域面板将展开并钉在面板上在鼠标焦点离开面板时不会自动隐藏。null什么也不会发生。(该属性自1.4.4版开始可用)floatcollapsedSizenumber折叠后的面板大小。(该属性自1.4.4版开始可用)28hideExpandToolboolean为true时隐藏折叠面板上的扩展面板工具。(该属性自1.4.4版开始可用)falsehideCollapsedContentboolean为true时隐藏折叠面板上的标题栏。(该属性自1.4.4版开始可用)truecollapsedContentstring,function(title)定义在折叠面板上要显示标题内容。1. 标题字符串2. 通过函数返回标题内容。(该方法自1.4.4版开始可用)代码示例collapsedContent: function(title){var region $(this).panel(options).region;if (region north || region south){return title;} else {return title;}}方法名方法参数描述resizeparam设置布局大小。param对象包含如下属性width布局宽度。height布局高度。代码示例$(#cc).layout(resize, {width:80%,height:300})panelregion返回指定面板region参数可用值有north,south,east,west,center。collapseregion折叠指定面板。region参数可用值有north,south,east,west。expandregion展开指定面板。region参数可用值有north,south,east,west。addoptions添加指定面板。属性参数是一个配置对象更多细节请查看选项卡面板属性。removeregion移除指定面板。region参数可用值有north,south,east,west。splitregion分割区域面板。region参数可用值有north,south,east,west。(该方法自1.4.2版开始可用)代码示例$(#layout).layout(split, west);unsplitregion移除指定面板。region参数可用值有north,south,east,west。(该方法自1.4.2版开始可用)代码示例$(#layout).layout(unsplit, west);
