在DataGrid中使用单选框

 在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;
            }

}

 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以通过修改 DataGrid 的样式来改变列表边框的尺寸。具体步骤如下: 1. 在 XAML 文件,找到 DataGrid 控件,并为其添加一个样式: ```xml <DataGrid> <DataGrid.Resources> <Style TargetType="{x:Type DataGrid}"> <!-- 在这里定义样式 --> </Style> </DataGrid.Resources> </DataGrid> ``` 2. 在样式,找到 DataGrid 的模板(Template),并找到名为“PART_ScrollViewer”的控件。这个控件是 DataGrid 实际显示列表的部分。 ```xml <Style TargetType="{x:Type DataGrid}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type DataGrid}"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}"> <ScrollViewer x:Name="PART_ScrollViewer" ...> <!-- 在这里定义 DataGrid 实际显示的部分 --> </ScrollViewer> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 3. 在“PART_ScrollViewer”控件的模板,找到名为“DG_ScrollViewer”的控件。这个控件是 DataGrid 实际显示数据的部分。 ```xml <ScrollViewer x:Name="PART_ScrollViewer" ...> <ScrollViewer.Template> <ControlTemplate TargetType="{x:Type ScrollViewer}"> <Grid x:Name="DG_ScrollViewer" ...> <!-- 在这里定义 DataGrid 实际显示数据的部分 --> </Grid> </ControlTemplate> </ScrollViewer.Template> </ScrollViewer> ``` 4. 在“DG_ScrollViewer”控件的模板,找到名为“PART_ScrollContentPresenter”的控件。这个控件是 DataGrid 实际显示数据的部分。 ```xml <Grid x:Name="DG_ScrollViewer" ...> <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" ...> <!-- 在这里定义 DataGrid 实际显示数据的部分 --> </ScrollContentPresenter> </Grid> ``` 5. 修改“PART_ScrollContentPresenter”控件的边框厚度(BorderThickness)属性即可改变列表边框的尺寸。 ```xml <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" BorderThickness="2" ...> <!-- 在这里定义 DataGrid 实际显示数据的部分 --> </ScrollContentPresenter> ``` 以上就是修改 DataGrid 列表边框尺寸的具体步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值