HTMLを希望どおりに出力するコントロールアダプターを作成するために、RadioButtonListコントロールをサブクラス化しました(アダプターを作成するのはこれが初めてです)。
私が直面している問題は、「SelectedValue」プロパティにアクセスするときに、常に空の文字列を取得することです。スーパークラスに切り替えると適切な値が得られるので、本当に戸惑います...ここで何が欠けていますか?
私のサブクラスはこれ以上単純なものではありません。
namespace Internet.Webapp.Controls
{
public class RadioButtonList : System.Web.UI.WebControls.RadioButtonList
{
}
}
私のアダプターも非常にシンプルです。
public class RadioButtonListAdapter : System.Web.UI.Adapters.ControlAdapter
{
// Return a strongly-typed reference
public new Internet.Webapp.Controls.RadioButtonList Control
{
get
{
return (Internet.Webapp.Controls.RadioButtonList) base.Control;
}
}
protected override void Render(HtmlTextWriter writer)
{
RadioButtonList radioButtonList = Control;
writer.WriteBeginTag("div");
writer.WriteAttribute("id", radioButtonList.ClientID);
writer.Write(HtmlTextWriter.TagRightChar);
var counter = 0;
foreach (ListItem item in radioButtonList.Items)
{
writer.WriteFullBeginTag("div");
var itemId = radioButtonList.ClientID + "_" + counter++;
writer.WriteBeginTag("label");
writer.WriteAttribute("for", itemId);
writer.WriteAttribute("value", item.Text);
writer.WriteAttribute("class", "long");
writer.Write(HtmlTextWriter.TagRightChar);
writer.WriteBeginTag("input");
writer.WriteAttribute("type", "radio");
writer.WriteAttribute("id", itemId);
writer.WriteAttribute("name", radioButtonList.UniqueID);
writer.Write(HtmlTextWriter.TagRightChar);
writer.WriteEndTag("input");
writer.Write(item.Text);
writer.WriteEndTag("label");
writer.WriteEndTag("div");
}
writer.WriteEndTag("div");
}
}
ラジオボタンリストに入力するコードは次のとおりです。
var radioButtonList = new Controls.RadioButtonList();
optionsList.ForEach(option => radioButtonList.Items.Add(option));
そして生成されたhtml:
<div id="ctl00_MainSection_CordaanForm_ctl14">
<div>
<label for="ctl00_MainSection_CordaanForm_ctl14_0" value="male" class="long">
<input type="radio" id="ctl00_MainSection_CordaanForm_ctl14_0" name="ctl00$MainSection$CordaanForm$ctl14"></input>
male
</label>
</div>
<div>
<label for="ctl00_MainSection_CordaanForm_ctl14_1" value="female" class="long">
<input type="radio" id="ctl00_MainSection_CordaanForm_ctl14_1" name="ctl00$MainSection$CordaanForm$ctl14"></input>
female
</label>
</div>
</div>