在DataGrid中使用单选框

本文介绍如何在DataGrid中实现单选框功能,包括HTML代码示例、数据源绑定方法及获取选中记录的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 在DataGrid中使用单选框
其实现步骤如下

 
1.              在DataGrid中添加一列模板列,在模板列中加入单选框,但是不能用

RadioButton,这样就不能达到效果,其HTML代码为:
 
<asp:datagrid id="DataGrid1" runat="server" Width="100%" AutoGenerateColumns ="False">
    
<AlternatingItemStyle Height="22px" BackColor="#F8F8F8"></AlternatingItemStyle>
    
<ItemStyle HorizontalAlign="Center" Height="22px" BackColor="White"></ItemStyle>
<HeaderStyle HorizontalAlign="Center" Height="25px" CssClass="lab" BackColor = "#B4D6EE"></HeaderStyle>
    
<Columns>
        
<asp:TemplateColumn HeaderText="选择">
            
<HeaderStyle Width="5%"></HeaderStyle>
            
<ItemTemplate>
                
<input type=radio name="RadioName" 
value
= '<%# DataBinder.Eval(Container.DataItem, "Serial")%>'/>
            
</ItemTemplate>
        
</asp:TemplateColumn>
    
</Columns>
</asp:datagrid>

2.数据源绑定
单选框的Value值应该设置为可以唯一标识该记录的值,比如主键、序号。这边举例绑定的是序号,其字段为:Serial。再获取数据后,手动添加序号列,其代码如下:
if(dtSource != null && dtSource.Rows.Count > 0)
{
    dtSource.Columns.Add(
"Serial",Type.GetType("System.String"));
    
for(int i = 0;i<dtSource.Rows.Count;i++)
    
{
        dtSource.Rows[i][
"Serial"= i.ToString();
    }

}

//绑定数据
DataGrid1.DataSource = dtSource;
DataGrid1.DataBind();

 
3.获取选中记录
   该函数返回选中记录的序号,如果返回值是-1表示没有选中的记录。
private int GetSerial()
        
{
            
if(Request.Form["RadioName"!= null)
            
{
                
try
                

                
catch
                
{
                    
return -1;
                }

            }

            
else
            
{
                
return -1;
            }

}

 
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值