SharePoint PopUp 창 뛰우기-2

이번 끄적거림은 팝업창 닫기 와 팝업 창에서 메시지 받기 입니다.

이전 팝업창 뛰울때와 거진 같고

요놈 -> options.dialogReturnValueCallback = Function.createDelegate(null,CloseCallback);

요놈 -> CloseCallback 함수가 추가 되었습니다.

------------------------------팝업창 뛰우는 부모창 시작-----------------------------------------------

<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;
        options.showClose= false;
        options.title = 'SharePoint PopUp';

       

        //팝업창이 닫힌 뒤 이벤트 함수

        options.dialogReturnValueCallback = Function.createDelegate(null,CloseCallback);

 

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

 

//팝업창이 닫혔을때 ReturnValue에 따라서 이벤트를 달리 할 수 있습니다.

//팝업창이 닫힌다음 CloseCallback을 호출 합니다

 

function CloseCallback(result, msg) {

        //팝업 창 닫혔을때 OK 인지 Cancel 에 따라 alert 메세지를 다르게 합니다.
        if (result == SP.UI.DialogResult.OK)
            alert(msg);
        else
            alert("Cancel");
    }

------------------------------팝업창 뛰우는 부모창 끝-----------------------------------------------

 

Client 단에서의 팝업 창 닫을 시 에는 commonModalDialogClose(result, msg) 사용 합니다.

result 에는 현재 팝업 창이 확인 상태 인지 그냥 닫기 인지를 판단 msg 에는 부모창에 전달 하고픈 값이나 메세지를 담기도 합니다. 

그런것 아무것도 필요 없다 하면 commonModalDialogClose(null, null) 도 가능 합니다.

---------------------------------------팝업 창 시작-----------------------------------------------------

 

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

 

<script type="text/javascript">
    function Modalclose(type) {
    var txtPopop = document.getElementById("txtPopup");
        if (type == "OK")
            SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.OK, txtPopop.value);
        else            
            SP.UI.ModalDialog.commonModalDialogClose(SP.UI.DialogResult.cancel, null);
    }
</script>
<div>
 <h2>입력</h2> <input id="txtPopup" type="text" with="200px" />
</div>
<div>
    <input id="btnOK" type="button" value="OK" onclick="Modalclose('OK');" />
    <input id="btnCancel" type="button" value="Cancel" onclick="Modalclose('Cancel');" />
</div>

---------------------------------------팝업 창 끝-----------------------------------------------------

 

팝업창에 글을 입력하여 OK을 눌러 렀을 경우 입니다.

 

 

팝업창의 값을 받아 경고창을 뛰었습니다.

 

 

Cancel 을 눌렀을 경우 입니다.

Cancel의 경우에는 Cancel 이라는 경고창을 뛰었습니다.