2011-09-01 4 views
1

JQuery UI.Layout 플러그인을 사용하여 매우 복잡한 UI를위한 소프트웨어 레이아웃을 만듭니다. 가장 기본적인 5 창 레이아웃으로 모든 것을 제거하고 모든 창을 접은 다음 다시 엽니 다. 그러나 동쪽 창을 다시 크기가 필요합니다, 나는 해결책을 찾기 위해 문서를 (매우 길지만 유용하지는 않지만) 보았습니다. 그러나 찾지 못했습니다. 누구나이 좌절감을주는 플러그에 대한 경험이 있다면 올바른 방향으로 향하게 될 것입니다.jQuery UI.Layout 서쪽 창 문제 만 조정하십시오.

나는이 예제를 http://layout.jquery-dev.net/demos/example.html으로 사용하고 있으며 문서에 언급 된 모든 것을 시도했지만, 나는 또한 서쪽 창을 닫을 버튼을 원하지만 다시 시도한 모든 것은 작동하지 않는다.

+1

다른 사람이이 플러그인을 알아 내려고 노력하면서 머리를 찢어 놓은 경우, 저에게는 효과적 이었지만 JQuery UI Draggable도 포함시켜야합니다. – pixelator

+1

$ (문서) .ready (함수() { \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 : north__size ".ui-레이아웃 북" : 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

사실 너무 싫어하지만 더 잘 문서화 된 비슷한 것을 찾을 수 없거나 세워짐 – pixelator