2016-10-06 25 views

答えて

2

これまでに何を試しましたか?最も簡単なオプションは、ネイティブSPモーダルを開くためのメソッドを提供するSP.UI.ModalDialogクラスを利用することです - URLパラメータを介して別のページ(ASPX、HTMLなど)をロードするか、HTMLをモーダルに直接渡すことができますレンダリングされる。

どちらの手法でも、マークアップに<input>を含めて、ユーザーと変数の中の任意の場所に入力値を格納するためのJSを取得できます。

あなたが使用している他のJS(もしあれば)やページの設定によっては、SP2013の "Script On Demand"(SOD)機能を活用して、SP Modalロードされる。ここで

は簡単な例です:

function OpenMyModal(SomeVar) { 
    // If using inline HTML, first create a parent element... 
    var MyHtmlElement = document.createElement('div'); 
    // ... then populate it 
    MyHtmlElement.innerHTML = '<input... />'; 

    // Define the Modal's options 
    var options = { 
     // define a URL (and yes, you can pass params to that URL) or reference your HTML object, but NOT both! 
     url: '../MyPage.aspx?MyParam=' + SomeVar + '&IsDlg=1', 
     // html: MyHtmlElement, 
     tite: 'Modal Title', 
     allowMaximize: false, 
     showClose: true, 
     width: 430, 
     height: 230 
    }; 
    // This ensures the supporting JS needed is loaded on the page 
    SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options); 
    return false; 
} 
関連する問題