sharepoint模式彈出顯示div內容

我想顯示一個div內容在共享點模式彈出。下面是我的代碼：sharepoint模式彈出顯示div內容

function callPopup(){ 
var options = SP.UI.$create_DialogOptions(); 
    options.html = addFilePopup //id of the div to be displayed 
    options.title = 'Add file'; 
    options.width = 300; 
    options.height = 150; 
    SP.UI.ModalDialog.showModalDialog(options); 
}

HTML：

<div id="addFilePopup" align="center" runat="server"> 
     <div id="buttons"> 
      <input type="file" id="file" name="file" /> 
     </div> 
     <div id="divOverwrite" style="margin-right: 60px;"> 
      <input type="checkbox" id="chkOverWrite" value="overwrite" /> 
      <label id="lblOverwrite">Overwrite if file already exists</label> 
     </div> 
     <div style="margin-top: 40px;"> 
      <input type="button" value="Add file" id="btnAddFile" onclick="AddAFile();"/> 
      <input type="button" value="Cancel" id="btnCancel" /> 
     </div> 
</div>

彈出顯示本身精細的第一次。但是如果函數callPopup第二次被調用，它說「addFilePopup」是未定義的。在第一次調用彈出窗口後，似乎div「addFilePopup」從DOM中被刪除。任何想法我在這裏做錯了什麼？

P.S：我已經試過，沒有「runat = server」的div。

來源

2013-10-15 Gowth

-1

我是一個共享點新手，但我這發生在我之前。會發生什麼是您正在使用原始的div，它會在您首次調用後被刪除。如果你仍然有這個問題，你可以使用jQuery的clone（）函數。

所以不是 options.html = addFilePopUp

我建議做一個變量的DIV第一

var popUpDiv = $("div#addFilePopUp").clone();

，然後調用你的選擇

var options = SP.UI.$create_DialogOptions(); 
options.html = popUpDiv; 
options.title = 'Add file'; 
options.width = 300; 
options.height = 150; 
SP.UI.ModalDialog.showModalDialog(options);

這將創建的多個實例您但儘管如此，你將不得不隱藏原來使用CSS。希望這可以幫助。

來源

2013-10-23 15:08:52

sharepoint模式彈出顯示div內容

回答

相關問題