asp.NetバックグラウンドでフロントのコントロールにStyle属性と座標を設定し、バックグラウンドでCSSスタイルを設定し、バックグラウンドでフロントコントロール座標を取得する

6066 ワード

まずバックグラウンドでフロントにStyleプロパティを設定し、コントロール座標を設定します.
 
フロントコントロール:
 
Htmlコード
  • <asp:Label ID = "lblDSRText" Text = "   " runat = "server" name="label" Style="left: 300px; position: absolute;top:200px" BackColor="silver" ></asp:Label>

     
    バックグラウンドコード:
     
    C#コード
  • Response.Write(lblDSRText.Style["top"] );//Styleのtopの値を取得します.取得値は、フロントコントロールに値を割り当てるときにStyle["Style"]
  • を使用します.
  • lblDSRText.Style["Style"] = "left: 500px; position: absolute;top:400px";//lblDSRTextコントロールのスタイル
  • を設定する
    Response.Write(lblDSRText.Style["top"] );//  Style top  ,         ,          Style["Style"]lblDSRText.Style["Style"] = "left: 500px; position: absolute;top:400px";//  lblDSRText     

     
    説明:lblDSRTextはコントロールID StyleがlblDSRTextコントロールを設定するスタイル[Style]がlblDSRTextコントロールを設定するノードである
    以下は転載です.
    あなたにaspを教えます.NetでCSSをaspに動的に変更する.Netでは、CSSを動的に変換する場合があります.例えば、パーソナライズされたページを作る場合があります.
     
    Htmlコード
  •   
  •     
  •   
  • <head>  <link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" /></head>

    その後、CSSを交換するページでは、次のコードを使用します.
    C#コード
  •  Sub Page_Load(Sender As Object, E As EventArgs)   
  •   If Not (IsPostBack)   
  •   MyStyleSheet.Attributes.Add("href","/css/flostyle.css")   
  •   End If  
  •  Sub Page_Load(Sender As Object, E As EventArgs)  If Not (IsPostBack)  MyStyleSheet.Attributes.Add("href","/css/flostyle.css")  End If

     
    StyleとAttributesのプロパティの作成者:
    1.Styleプロパティ
    スタイルシート(Cascading Style Sheets略称CSS)CSSは、文字サイズ、ラベル位置など、さまざまなスタイルでターゲットラベルを定義する豊富なプロパティを備えています.ASP.Netでは、スタイルシートも同様に使用できますが、HTMLコントロールとwebコントロールの使用方法は異なります.HTMLコントロールのスタイル定義について説明します.
    HTMLコントロールは通常のHTMLタグから派生しているため、HTMLタグスタイルシートを定義する方法はHTMLコントロールにも適用されます.
     
    Htmlコード
  • http://www.rencc80.com  
  • <a style="color:#008000;font-size:10pt;text-decoration:none;font-style:italic"href="http://www.rencc80.com"runat="server">http://www.rencc80.com</a>

     
    HtmlAnchorコントロールで定義したスタイルシートは、通常の与橄榄球的标准定义相同,表示结果没有差异。ASP.Net向各Html控制器提供Style的属性,Style属性实际上是史タイル系的属性集合,设定Style的属性,通过过程序进行程序中改变了Html控制器的工作。  Htmlコード    public void Page_Load(Object src,EventArgs e)    {    Anchor1.Style["color"]="#008000";    Anchor1.Style["font-size"]="10pt";    Anchor1.Style["text-decoration"]="none";    Anchor1.Style["font-style"]="italic";    }            
  • http://www.rencc80.com  
  •   
  •   
  • <script language="c#"runat="server">public void Page_Load(Object src,EventArgs e){Anchor1.Style["color"]="#008000";Anchor1.Style["font-size"]="10pt";Anchor1.Style["text-decoration"]="none";Anchor1.Style["font-style"]="italic";}</script><html><head><title></title></head><body id="Body1"runat="server"><a id="Anchor1"href="http://www.rencc80.com"runat="server">http://www.rencc80.com</a></body></html>

    表示される結果は、Styleを直接定義するのと同じです.
     
    2.Attributes属性
    Attributesプロパティは、実質的にサーバコントロール(Htmlコントロール、Webコントロール、ユーザーコントロールを含む)のプロパティセットです.次のように設定されています.
     
    C#コード
  • Control.Attributes["attribute"]=Value;  
  • Control.Attributes["attribute"]=Value;

     
    コントロールの属性値と属性値はAttributesで任意に指定でき、ASP.Netプログラムはブラウザ解釈にそのまま送信します.
    注意:属性を任意に指定できるため、コントロールにとって指定された属性の中には合法的ではないものもあります.この属性は無効です.例えば、現在の操作のコントロールがimage 1というHtmlImageであると仮定し、AttributeでText属性を指定し、属性値が「こんにちは」であると仮定します.HtmlImageコントロールはタグに変換され、指定したText属性はそのまま送信されるのでこのコードは,タグにText属性がまったくないことが明らかであるため,この属性はブラウザに無視され,相手にされない.
    サーバーコントロールに対応するHTMLタグでサポートされている属性を指定する必要があります.そうしないと、ブラウザは到達できません.例えば、HtmlImageコントロールには、画像が正しくロードされていない場合に、画像の位置に表示する文字をHtmlImageで表示する役割を果たすTitle属性がある.Title=「記述文字」設定.通常のエラーは、Attributesの設定時にTitleを直接使用することです.
     
    C#コード
  • HtmlImage.Attributes["Title"="記述文字";//
  • HtmlImage.Attributes["Title"]="    ";//(     )

     
    そのまま送信するとブラウザに送信されるコードはとなり、ラベルにはtitle属性がないので、この属性も合法ではありません.正しい設定方法は次のとおりです.
     
    C#コード
  • HtmlImage.Attributes["alt"="記述文字";//(正しい)
  • より抜くhttp://www.cnblogs.com/kevinwang/archive/2009/03/23/1419584.html
    フロントdiv
    Htmlコード
  •   
  •   
  • <div id="DIV1" runat="server" ></div>

     
    バックグラウンド:
    C#コード
  • this.DIV1.Style.Value = "display:none";  
  • this.DIV1.Style.Value = "display:none";

     
    または、
    C#コード
  • DIV1.Attributes.CssStyle.Value = "display:none";  
  • DIV1.Attributes.CssStyle.Value = "display:none";