sharepoint
JavaScriptを使用したモーダルダイアログボックスの操作

.NET Framework ASP.NET C# Language CSS HTML JavaScript jQuery PowerShell Microsoft SQL Server VBA
サーチ…


構文

  • var options = SP.UI. $ create_DialogOptions（）;

  • var modalDialog = SP.UI.ModalDialog.showModalDialog（options）;

パラメーター

optionsプロパティ説明
タイトルダイアログのタイトルを含む文字列
URL ダイアログに表示されるページのURLを含む文字列。 urlまたはhtmlのいずれかを指定する必要があります。 urlがhtmlよりも優先されます。
html ダイアログ内に表示するHTML要素。
バツダイアログのxオフセットを整数値として表します。
y ダイアログのyオフセットを整数値として表します。
幅ダイアログの幅を整数値として表します。指定されていない場合、 自動サイズがfalseの場合、幅は768pxに設定されます。
高さダイアログの高さを整数値で表します。指定されていない場合、 自動サイズがfalseの場合、高さは576pxに設定されます
allowMaximize [ 最大化 ]ボタンを表示するかどうかを指定するブール値。
showMaximized ダイアログが最大化するかどうかを指定するブール値。
ショークローズダイアログに閉じるボタンを表示するかどうかを指定するブール値。
autoSize ダイアログプラットフォームがダイアログサイジングを自動的に処理するかどうかを指定するブール値。
dialogReturnValueCallback リターンコールバック関数を指定する関数ポインタ。タイプSP.UI.DialogResult列挙のdialogResult、およびダイアログによって返されたすべてのデータが含まれているのReturnValueオブジェクト：関数は2つのパラメータを取ります。
args ダイアログに渡されるデータを含むオブジェクトです。

備考

SP.UI.ModalDialog名前空間は、SharePoint 2010を使用してJavaScriptオブジェクトモデルに導入されました。その後のSharePointバージョン2013、Office365、および2016で使用できます。

その他の参考資料：

ダイアログボックスが閉じているときにアクションを実行する

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    var options = SP.UI.$create_DialogOptions();
    options.url = "/mySite/lists/myList/NewForm.aspx";
    options.dialogReturnValueCallback = myCallBackFunction;
    SP.UI.ModalDialog.showModalDialog(options);    
    function myCallBackFunction(result,data){
        switch(result){
            case SP.UI.DialogResult.invalid: 
                alert("The dialog result was invalid"); 
                break;
            case SP.UI.DialogResult.cancel: 
                alert("You clicked cancel or close"); 
                break;
            case SP.UI.DialogResult.OK: 
                alert("You clicked OK, creating an item in the list."); 
                break;
        }
    }
}

既存のページをダイアログに表示する

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    SP.UI.ModalDialog.showModalDialog(
        { url: "/org/it/web/wik/Lists/ExampleCode/DispForm.aspx?ID=6" }
    );
}

カスタムダイアログを表示する

SP.SOD.executeOrDelayUntilScriptLoaded(showDialog,"sp.js");

function showDialog(){
    var dialogOptions = SP.UI.$create_DialogOptions();
    dialogOptions.title = "Your Title Here!";
    var dummyElement = document.createElement("div");
    dummyElement.style.textAlign = "center";
    dummyElement.appendChild(document.createElement("br"));
    dummyElement.appendChild(document.createTextNode("Some beautifully crafted text."));
    dummyElement.appendChild(document.createElement("br"));
    dialogOptions.html = dummyElement;
    SP.UI.ModalDialog.showModalDialog(dialogOptions);    
}


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow