2009-06-16 63 views
2

我使用模式彈出擴展,我遵循工具包示例頁面上的所有說明,但我沒有設置屬性BackgroundCssClass。Ajax:ModalPopup js異常,BackgroundCssClass爲null

這是發生了什麼: alt text

有沒有一種方法可以讓我變得粗野它沒有設定的CssClass道具? 我不需要任何樣式。

如果答案是否定的,請告訴我一個例子,如何設置一個cssclass(甚至虛擬)。

在此先感謝。

下面是代碼:

<form id="form1" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<div> 
    <div style="size: 100%; vertical-align: middle"> 
     <asp:LinkButton ID="lnkUpload" Text="Upload" ToolTip="Upload new file" runat="server" OnClick="lnkUpload_Click" /> 
     <cc1:ModalPopupExtender ID="lnkUpload_ModalPopupExtender" runat="server" Drag="true" PopupDragHandleControlID="pnlUploadTitle" DynamicServicePath="" PopupControlID="pnlUpload" Enabled="True" TargetControlID="lnkUpload" CancelControlID="btnCancel" /> 
    </div> 
    <asp:Panel ID="pnlUploadTitle" runat="server" Visible="false"> 
     <center> 
      Upload file 
     </center> 
    </asp:Panel> 
    <asp:Panel ID="pnlUpload" runat="server" Visible="false"> 
     <center> 
      <br /> 
      <asp:FileUpload ID="upFiles" runat="server" /><br /> 
      <br /> 
      <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" /> 
      &nbsp;<asp:Button ID="btnCancel" runat="server" Text="Cancel" /> 
      <br /> 
     </center> 
    </asp:Panel> 
</div> 
</form> 

回答

2

可以實際HTML標記內設置ModalPopupExtender的backgroundCssClass。從asp.net模式彈出頁面

例子:

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server" 
TargetControlID="LinkButton1" 
PopupControlID="Panel1" 
**BackgroundCssClass="modalBackground"** 
DropShadow="true" 
OkControlID="OkButton" 
OnOkScript="onOk()" 
CancelControlID="CancelButton" 
PopupDragHandleControlID="Panel3" /> 
1

呵呵,我記得超過2年前在AJAX測試版不設置BackgroundCssClass財產造成模式彈出不是真正模式,但只是彈出。我記得設置一個風格類解決了這個問題。我很久沒有使用AJAX,如果類似的問題仍然存在,這很有趣。 無論如何,在你的ASPX頁面或CSS文件中創建樣式表類,並將其設置爲它的屬性值。也許,this也會有所幫助。

2

我花了幾年尋找類似問題的解決方案 將您的PopUpControlId設置爲控件的ClientID。

它解決了我的問題。

也閱讀更多關於:Codeplex