SharePoint Popup 창 뛰우기-1

이번 끄적거림은 SharePoint 에서 Application 페이지를 팝업 창으로 뛰어 보겠습니다.

팝업창을 뛰우기 위해서 상단에 아래 Sharepoint 컨트롤을 추가 해 줍니다.

<SharePoint:ScriptLink ID="SPScriptLink" runat="server" LoadAfterUI="true" Localizable="false" Name="sp.js" />

추가 후에 자바 스크립트 코딩을 하면 됩니다.

<script type="text/javascript">

    function openPopUp() {        
        var options = SP.UI.$create_DialogOptions();

        options.url = "/_Layouts/BlogTest/PopUpPage.aspx?IsDlg=1"; //팝업창으로 뛰울 페이지 경로 

        options.width = 400;                             //가로
        options.height = 400;                            //세로
        options.allowMaximize= false;              //최대화 창 노출/비노출 노출(true), 비노출(false)
        options.showClose= false;                   //닫기 창  노출/비노출 노출(true), 비노출(false) 
        options.title = 'SharePoint PopUp';         //상단 타이틀

        SP.UI.ModalDialog.showModalDialog(options);
    }

    </script>

가로 세로 크기는 꼭 필요한 경우가 아니면 지정 하지 않아도 됩니다.

뛰울 페이지의 크기는 팝업 시 auto 로 정의 되기 때문입니다.