UpdatePanel に styleを設定する

ASP.NETのUpdatePanelにはスタイルを設定するための属性がありません。
ところが、たまにスタイルの設定を迫られます(例えばUpdatePanelの子要素に{width:100%;}などと設定してもUpdatePanelの要素が邪魔して旨く反映されません)。

いくつか解決方法がありますが、ここではjQueryを使用してクラスを付加する方法を示します。

<scrypt type="text/javascript>
   $('[id$=UpdatePanel1]').addClass('inner');
</script>

...
  <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
     ...
  </asp:UpdatePanel>

単純な話、UpdatePanelはhtmlへ展開されればdiv要素などのidから要素を特定してclassを追加すれば良いということです。

M. K. の紹介

IT屋さんです。プログラミングが大好きで今はJavascriptがお気に入りです。
カテゴリー: JavaScript, tips   タグ: , ,   この投稿のパーマリンク