![](/img/trans.png)
[英]How can I create a List with foreach and add items to radiobuttonlist alphabetical
[英]How can I add a custom property to a RadioButtonList items?
如何将绑定的Html5数据属性添加到使用绑定的RadioButtonList
生成的项目中?
我的代码如下所示:
<asp:Repeater Id="QuestionList" ...>
<ItemTemplate>
<asp:RadioButtonList DataSource='<%# Eval("Answers") %>'
SelectedValue='<%# Eval("SelectedAnswerId") %>'
DataTextField="Answer"
DataValueField="AnswerId"
Tag='<%# Eval("QuestionId") %>' />
</ItemTemplate>
</asp:Repeater>
var List<Question> questions = GetQuestions();
QuestionList.DataSource = questions;
QuestionList.DataBind();
它绑定到如下所示的类结构:
public class Question
{
int QuestionId;
string Question;
List<Answer> Answers;
}
public class Answers
{
int AnswerId;
string Answer;
bool SomeFlag;
}
我需要向UI中添加SomeFlag
以供jQuery使用,因此最终结果是生成的每个项目都应如下所示:
<input type="radio" data-flag="true" ... />
有没有一种方法可以将html数据属性添加到从绑定的RadioButtonList
生成的输入对象中?
您可以使用ListItem属性将自定义属性添加到单选按钮列表中的项目。 您可以检查单选按钮列表的html生成方式,并通过jquery为您获取所需的数据属性。
在服务器端
ListItem li1 = new ListItem();
ListItem li2 = new ListItem();
li1.Attributes.Add("data-flag", "true");
li2.Attributes.Add("data-flag", "true");
RadioButtonList1.Items.Add(li1);
RadioButtonList1.Items.Add(li2);
生成的HTML用于单选按钮列表
<table id="RadioButtonList1" border="0">
<tr>
<td><span data-flag="true"><input id="RadioButtonList1_0" type="radio" name="RadioButtonList1" value="" /></span></td>
</tr><tr>
<td><span data-flag="true"><input id="RadioButtonList1_1" type="radio" name="RadioButtonList1" value="" /></span></td>
</tr>
</table>
在jQuery中访问
$(':radio[id*=RadioButtonList1]').click(function(){
alert($(this).closest('span').data('flag'));
})
如果您需要在服务器端生成属性,最好的选择是对RadioButtonList
控件进行子类化并重写Render
方法。
如果您有一份可以显示反编译代码的Reflector或类似产品的副本,这对于确定ListItem
元素在何处呈现为单选按钮非常有用。
您可以在Repeater的ItemDataBound事件中设置属性,请尝试以下操作:
protected void repeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
// if it is an item (not header or footer)
if (e.Item.ItemType == ListItemType.Item)
{
// get your radioButtonList
RadioButtonList optionsList = (RadioButtonList)e.Item.FindControl("rblOptionsList");
// loop in options of the RadioButtonList
foreach (ListItem option in optionsList.Items)
{
// add a custom attribute
option.Attributes["data-flag"] = "true";
}
}
}
并记住为控件设置ID和事件
<asp:Repeater Id="QuestionList" ItemDataBound="QuestionList_ItemDataBound" ...>
<ItemTemplate>
<asp:RadioButtonList ID="rblOptionsList" DataSource='<%# Eval("Answers") %>'
SelectedValue='<%# Eval("SelectedAnswerId") %>'
DataTextField="Answer"
DataValueField="AnswerId"
Tag='<%# Eval("QuestionId") %>' />
</ItemTemplate>
</asp:Repeater>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.