CSS von Controls in verschiedenen Dateien über CodeBehind aktualisieren

Question

Ich habe diese AJAX-Taste, die ich einige CSS aktualisieren möchte. Das Problem besteht darin, dass die Steuerelemente, die ich aktualisieren möchte, sich in einer anderen Datei befinden und nicht aus dieser Datei entfernt werden können.

Dies ist das Panel, dessen CSS ich aktualisieren möchten, die in der Site.Master Datei befindet:

<asp:ScriptManager ID="ScriptManager" runat="server" /> 
<asp:UpdatePanel ID="Panel2" runat="server" updatemode="Always"> 
     <ContentTemplate> 
      <div id="updateThis" runat="server"><p>Test text</p></div> 
     </ContentTemplate> 
</asp:UpdatePanel> 

Dies ist die Schaltfläche in der Datei Items.ascx befindet:

<asp:UpdateProgress runat="server" ID="PageUpdateProgress"> 
    <ProgressTemplate> 
     <img class="ajax-loader" src="/Images/ajax-loader.gif" alt="Loading..." /> 
     </ProgressTemplate> 
</asp:UpdateProgress> 
<asp:UpdatePanel ID="Panel3" runat="server" updatemode="Conditional"> 
    <Triggers> 
     <asp:AsyncPostBackTrigger controlid="UpdateButton" eventname="Click" /> 
    </Triggers> 
    <ContentTemplate> 

      <asp:Button runat="server" OnClick="UpdateButton" 
      OnClientClick="hideButton()" Text="Update" 
      class="update" ID="UpdateButton" name="UpdateButton" 
      type="submit" ></asp:Button> 

    </ContentTemplate> 
</asp:UpdatePanel> 

Dies ist die Methode, die Items.ascx.cs Updatebutton

protected void UpdateButton(object sender, EventArgs e) 
{ 
    var masterPage = this.Page.Master; 
    var updatePanel = masterPage.FindControl("Panel2"); 

    var div = (HtmlGenericControl)updatePanel.Controls[0].FindControl("updateThis"); 
    div.Style.Add("color", "#ff0000"); 
} 

Wenn ich auf die Schaltfläche es nicht tut, ist am Ende funktioniert richtig. Von jetzt an, mit der AJAX UpdateProgress Vorlage, zeigt es das Laden von GIF und dann das GIF verschwindet und der Text ändert sich nie die Farbe.

EDIT

Hoffentlich wird dies eine bessere Vorstellung davon, wo die Dinge könnte schief gehen:

Das funktioniert

protected void UpdateButton(object sender, EventArgs e) 
{ 
    var masterPage = this.Page.Master; 
    var updatePanel = masterPage.FindControl("Panel2"); 

    var div = (HtmlGenericControl)updatePanel.FindControl("updateThis"); 
    div.Style.Add("color", "#ff0000"); 

    UpdateButton.Text = "Done!"; 
} 

ich in der Findcontrol() -Methode hatte #updateThis. Sei nicht wie ich!

Answer 1

Sie sollten das runat="server" Attribut in den div Kontrolle, fügen Sie es in Code-behind sichtbar zu machen:

<div id="updateThis" runat="server"><p>Test text</p></div> 

Sie können auch Controls[0] im Ereignishandler entfernen (aber es funktioniert, wenn Sie es halten, nach zu meinen Tests):

protected void UpdateButton(object sender, EventArgs e) 
{ 
    var masterPage = this.Page.Master; 
    var updatePanel = masterPage.FindControl("Panel2"); 

    var div = (HtmlGenericControl)updatePanel.FindControl("updateThis"); 
    div.Style.Add("color", "#ff0000"); 
}