ASP.NETでのテンプレートHTML使用方法

質問

ASP.NET初心者です。
現在、ASP.NETを使用したWebアプリを開発しています。
要件としてテンプレートとして用意したhtmlファイルを画面表示時にaspxに読み込み、ラベル文字の置換やASPコントロールのボタンなどを付加してブラウザに表示したいのですが、可能でしょうか？

開発環境は VisualStudio 2005
使用言語はVisualBasicです。

よろしくお願いしたします。

回答No.3

mdp36 · ベストアンサー

Page.Initイベントでフォーム上にコントロールを配置すれば、以後デザイナで配置したコントロールと同様に扱うことができます。

置換部分以外のHTMLタグは、LiteralControlやWebControlで再現できると思います。テンプレートHTMLを文字列として扱うのなら前者、XMLとして解析するなら後者というところでしょうか。

以下のコードはサンプルです。Default.aspx.vbに貼り付けてみてください。
Partial Class _Default
Inherits System.Web.UI.Page

Private TextBox1 As TextBox
Private TextBox2 As TextBox
Private WithEvents Button1 As Button

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
TextBox1 = New TextBox
TextBox2 = New TextBox
Button1 = New Button
Button1.Text = "Test"

With form1.Controls
'LiteralControlを使う場合
.Add(New LiteralControl("<table><tr><th>TextBox1</th><td>"))
.Add(TextBox1)
.Add(New LiteralControl("</td></tr></table>"))

'WebControlを使う場合
Dim tb As New WebControl(HtmlTextWriterTag.Table)
.Add(tb)

Dim tr As New WebControl(HtmlTextWriterTag.Tr)
tb.Controls.Add(tr)

Dim th As New WebControl(HtmlTextWriterTag.Th)
tr.Controls.Add(th)
th.Controls.Add(New LiteralControl("TextBox2"))

Dim td As New WebControl(HtmlTextWriterTag.Td)
tr.Controls.Add(td)
td.Controls.Add(TextBox2)

.Add(Button1)
End With
End Sub

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
TextBox2.Text = TextBox1.Text
TextBox1.Text = ""
End Sub
End Class

回答No.2

noname#158371

すいません、画像がうまく掲載できなかったので、もう一度、下記回答に対する参考画像をUPします。

回答No.1

noname#158371

マスタページ(MasterPage)と呼ばれる概念を使うといいかもしれません。

ASP.NET Webプロジェクト（もしくは、Webサイトプロジェクト）に、MasterPage用のファイルを１つ作り、そのMasterPageに、テンプレートとなるhtmlファイルに記述されているHTMLをそのまま転記します。
　※ただし、MasterPageで自動生成されているASP.NET構文の箇所を削除しないように、HTML構文をMasterPageに転記します。

その後、ボタンやラベルなど画面独自のaspxファイルを作成（新規追加）する際、作成したMasterPageを選択するようにしてあればOKです。
（詳しくは添付した画像を参照のこと）

※「Webサイトプロジェクト」ではなく、
　「ASP.NET Webプロジェクト」を使用している場合は、
　添付した画面のようにMasterPageを選択できないと思いますので
　その場合は、またご相談ください。

この投稿のマルチメディアは削除されているためご覧いただけません。