ASP.Net: Wie steuert man div-style im Backend?

Question

Ich werde den Stil von einem Div-Container aus dem Backend steuern (C#, Code hinter).

Ich werde nicht den runat = "server" -Tag verwenden, da die div-id in javaScript viel verwendet wird.

Wie vorgehen?

Answer 1

Sagen wir, Sie haben ein div, das Sie in Code hinter und in jQuery verwenden möchten.

Wie wir beide wissen, wenn Sie den Quellcode der Seite anzeigen, wird die ID von asp.net geändert. Also zugreifen es jQuery dies mit tun:

$("#<%=myDiv.ClientID %>") 

Answer 2

Sie müssen machen Sie es runat = Server, wenn Sie von dem Code dahinter zugreifen möchten - einfach so.

Wenn es in JavaScript "viel verwendet" ist - legen Sie die ClientId in einem Literal-Steuerelement, und greifen Sie auf diese Weise von JavaScript.

Oder wenn Sie auf .NET 4, setzen Sie den ClientIdMode = "Static".

EDIT

Hier ist, wie Sie eine wörtliche Steuerung verwenden können, auf den Client-ID zu halten (so können Sie es in JavaScript verwenden):

ASPX:

<asp:Literal id="DivClientId" runat="server"/> 

ASPX. CS:

DivClentId.Text = string.Format("<script type=\"text/javascript\">var divId = {0};</script>", ServerSideDiv.ClientId); 

JavaScript:

var div = document.getElementById(divId); 

Answer 3

ich tun würde, als RPM1984 vorschlagen und ClientIdMode="Static" verwenden, wenn Sie verwenden .Net 4.0, wie er sagt. Aber wenn das nicht möglich ist wickeln Sie einfach Ihre div in einem div, die nicht runat="server" wie hat:

<div id="wrapperDiv"> 
    <div id="innerDiv" runat="server">additional stuff</div> 
</div> 

, die funktionieren sollte, und es wäre ziemlich gerade vorwärts die innere div zuzugreifen unter Verwendung der ID des äußeren div in jQuery :

$(document).ready(function() { 
    $('#wrapperDiv > div').css('display', 'none'); 
}); 

Answer 4

In .net 4.0 nur ein Panel-Steuerelement verwenden (die als div gerendert wird) und die ClientIDMode zu statisch eingestellt. So können Sie Ihre Stile auf der Serverseite festlegen und trotzdem einfach in Ihrem JS-Code darauf zugreifen.