2011-09-01 137 views
1

我使用JQuery UI.Layout插件为非常复杂的UI创建软件布局。我已将其分解为最基本的5个窗格布局,并将所有窗格折叠并重新打开。不过,我需要将东面窗格重新设置大小,我仔细查看了文档(很长但不是很有用)以找到解决方案,但我没有找到它。如果任何人有这种令人沮丧的插件的经验,那么我会很高兴指出正确的方向。jQuery UI.Layout只调整西面板问题

我使用这个例子http://layout.jquery-dev.net/demos/example.html并尝试了文档中提到的所有内容,我还想要一个按钮来关闭西面窗格,但我试过的所有东西都不起作用。

+1

对于那些试图弄清楚这个插件的人来说,这对我来说很合适,但是你也必须包含JQuery UI Draggable。 – pixelator

+1

$(文件)。就绪(函数(){ \t outerLayout = $( '主体')的布局({ \t \t center__paneSelector: “的.ui-布局外” \t,west__size:250 \t \t,east__size :250 \t \t,south__size:60 \t \t \t,east__slidable:\t \t真 \t \t \t,east__resizable:\t \t真 \t \t \t,west__slidable:\t \t假 \t \t \t,west__resizable:\t \t假 \t \t \t,south__slidable:\t \t假 \t \t \t,south__resizable:\t \t假 }); 。 \t innerLayout = $( 'div.ui-布局外')布局({ \t \t \t center__paneSelector: “的.ui布局中心” ,north__paneSelector: “的.ui布局北” ,north__size: 100 \t \t \t,north__slidable:\t \t假 \t \t \t,north__resizable:\t \t假 \t}); }); – pixelator

回答

1

刚设置为可调整大小。

outerLayout = $('body').layout({ 
    default : { 
     //All pane properties defaults 
    }, 
    //East only 
    east : { 
     resizable : true 
    } 
}); 

编辑:只是看你的链接,你需要jQuery UI的插件...要么链接jQuery UI的插件,你需要,或者只是添加jQuery UI的在您的项目。

+0

谢谢你,我已经解决了这个问题,但以一种更加复杂的方式。 – pixelator

+0

是的,这个插件开始时可能有点混乱,我觉得插件做这些例子的方式使得它比应该更困难 – jyore

+0

太过真正的jyore,但是找不到类似的更好的文档或者内置 – pixelator