我有一个 gridview 控件,其中使用存储过程显示数据。该网格有三列,第一列包含单选按钮。总体思路是用户应该能够从(在我的例子中)5 个单选按钮中仅选择一个单选按钮。
当前功能的问题是我可以同时选择所有单选按钮。我尝试使用“groupname”属性对单选按钮进行分组..它不起作用。
我该如何修复它?
这是gridview控件
<asp:GridView UseAccessibleHeader="true" ID="GridView1" CssClass="top" EmptyDataText="" HeaderStyle-CssClass="griditem_heading" HeaderStyle-BackColor="" runat="server" AllowSorting="True" AutoGenerateColumns="False" CellPadding="0" Width="100%">
<EmptyDataRowStyle />
<EmptyDataTemplate>
<table cellspacing="0" cellpadding="0" border="0" id="dgd_Clinic_empty" width="100%">
<tr>
<td valign="Middle" align="Center" bgcolor="#cce57f" class="griditem_1">
<span class="smalltableheading"> </span>
</td>
<td valign="Middle" align="Center" bgcolor="#cce57f" class="griditem_1">
<span class="smalltableheading">Clinic Name</span>
</td>
<td valign="Middle" align="Center" bgcolor="#cce57f" class="griditem_1">
<span class="smalltableheading">Open</span>
</td>
</tr>
<tr>
<td colspan="8" align="Center">
<span class="Content"><b>No matching records were found.</b></span>
</td>
</tr>
</table>
</EmptyDataTemplate>
<Columns>
<asp:TemplateField HeaderText="" HeaderStyle-CssClass="griditem_heading" ItemStyle-CssClass="griditem_1"
HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" SortExpression=""
Visible="True" ItemStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label for="rad1_1" ID="rad1_1" runat="server" Visible="false"> </asp:Label>
<asp:RadioButton ID="rdoClinicId" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Clinic Name" HeaderStyle-CssClass="griditem_heading"
ItemStyle-CssClass="griditem_1" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle"
SortExpression="clinic_name" Visible="True" ItemStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label ID="lbl_Grd_Clinic_Name" runat="Server" Text="" ToolTip="" Width="" Height=""
Style="" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Open" HeaderStyle-CssClass="griditem_heading"
ItemStyle-CssClass="griditem_1" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle"
SortExpression="Open" Visible="True" ItemStyle-VerticalAlign="Middle"
ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label ID="lbl_Grd_Open" runat="Server" Text="" ToolTip="" Width="" Height="" Style="" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
Since a gridview 呈现为表格元素,在运行时它将为每个单选按钮分配不同的“名称”给出 GroupName 不起作用。
但是调用 JavaScript 函数来验证单选按钮以一次选择一个单选按钮,而不是为 gridview 外部的多个单选按钮提供相同的 GroupName。
javascript 函数设置当前选定的单选按钮的行样式以确定该行被选中,然后循环遍历 gridview 中的单选按钮,然后取消选择先前选定的单选按钮并将行样式设置回默认值。
请看下面的代码,
JavaScript 部分,
<script language="javascript" type="text/javascript">
function CheckOtherIsCheckedByGVID(rb) {
var isChecked = rb.checked;
var row = rb.parentNode.parentNode;
var currentRdbID = rb.id;
parent = document.getElementById("<%= GridView1.ClientID %>");
var items = parent.getElementsByTagName('input');
for (i = 0; i < items.length; i++) {
if (items[i].id != currentRdbID && items[i].type == "radio") {
if (items[i].checked) {
items[i].checked = false;
}
}
}
}
</script>
Aspx 部分,
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:RadioButton runat="server" ID="RadioButton1" onclick="javascript:CheckOtherIsCheckedByGVID(this);">
</asp:RadioButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
NOTE:这里使用的 onclick 是 html 属性,并将出现在 Visual Studio 的 intellisense 属性中。因此,只需按照我的代码中提供的方式输入此内容即可。
我对此进行了测试并且非常适合我。
希望这对你有用..
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)