layout就是一个布局面板: 也就是布局的容器,有五个布局区域:北部,南部,东部,西部和中心。其中中心区域面板是必需的,但中心区域面板边缘区域面板是可选的。通过拖动它的边框,面板,可以调整每一个边缘地区。可以嵌套的布局,以便用户可以建立复杂的布局。 如果想要各个区域中的框架随框架的大小改变,请嵌套到layout框架中; 复制代码 代码如下: <BR> //split属性:如果设置为true将显示一个分隔条,用户可以拖动分隔条来改变布局面板的尺寸。<BR> //href属性:在指定区域内加载页面的body中的部分,其他不加载<BR> //在panel框架中我们可以看到这样一个正则选择(可根据自己需求进行更改):<BR> // extractor: function (data) {<BR> // var pattern = /<body[^>]*>((.|[\n\r])*)<\/body>/im;<BR> // var matches = pattern.exec(data);<BR> // if (matches) {<BR> // return matches[1]; // only extract body content<BR> // } else {<BR> // return data;<BR> // }<BR> // }<BR> //panel属性:返回特定的布局面板,'region'参数的可取值为:'north','south','east','west','center'。<BR> function getPanel() {<BR> var southPanel = $("#layoutbody").layout('panel', 'south');<BR> //获得panel的属性 <BR> var attributes = southPanel.panel('options');<BR> console.info(attributes); //可以看到其中的各个属性,浏览器调试,这里说明下:使用这种框架和使用js自己书写前台代码,浏览器调试是必不可少的:火狐或者谷歌<BR> }<BR>