使用javascript將面板設置爲可見

Question

如何使用javascript顯示<asp:Panel>？

我做了以下，但得到一個錯誤（無法讀取空的財產風格）

<asp:Panel runat="server" id="panNonAfricanCountries" Visible="false"> 

var panNonAfricaDropDown = document.getElementById("panNonAfricanCountries") 
if (dropDownFirst == "Yes") { 
    panNonAfricaDropDown.style.visibility = "visible"; 
} 

Answer 1

的Visible="false"上一個asp.net控制有作爲的結果不顯示頁面上的控制。

你試圖在這裏做的是呈現它，但與CSS風格讓它從用戶隱藏，直到使用JavaScript顯示它。要將不使用Visible的檔案歸檔，但要將樣式或CSS設置爲Panel。

<asp:Panel ID="PanelId" runat="server" Visible="true" style="visibility:hidden" > 
Some Content here...  
</asp:Panel> 

的asp.Panel是呈現爲div，併爲您的網頁HTML可能爲：

<div id="PanelId" style="visibility:hidden"> 
Some Content here...  
</div> 

和我說，可能是因爲我們不知道肯定不ID是如何呈現。爲了得到它，我們使用PanelId.ClientID和最終的JavaScript代碼將是：

var panNonAfricaDropDown = document.getElementById("<%=PanelId.ClientID%>"); 
if (dropDownFirst == "Yes" && panNonAfricaDropDown) { 
    panNonAfricaDropDown.style.visibility = "visible"; 
} 

Answer 2

ASP.NET軋液在服務器上運行的元素的名稱。你將不得不找到損壞的名稱，然後對該名稱執行document.getElementById。

或者，您可以用asp的ClientIDMode屬性：面板關閉是混淆（http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode.aspx）