dotNet平台模板列中的单选无效的解决方案

时间：2023-09-18 14:13:14

最近在grid里添加一个单选列，最开始直接创建一个模板列，然后在模板列里放一个radiobutton。并指定其GroupName。这是radiabutton最常用的方法。但是在Grid里，这样却毫无效果。

开始打算用javascript写响应radiobutton的onclick函数。思路的确可以。但是为什么radiobutton在grid里指定了其GoupName还是不能实现单选呢？

写了个测试用例。前台代码如下：（数据在后台绑定了）

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     
<title>无标题页</title>
<script>        
   function setradio(grid,radio){             
       var grid=document.getElementById(grid);              
       var radios=grid.getElementsByTagName("input");              
       for(var i=0;i<radios.length;i++){              
         if(radios.type=radio&&radios[i]!=radio){                  
            radios[i].checked=false;              
         }           
       }               
   }     
</script>

</head> 
<body>     
 <form runat="server">     
   <div>        
    <asp:GridView runat="server">             
       <Columns>                
          <asp:TemplateField>                    
             <ItemTemplate>                         
                <asp:RadioButton runat="server" GroupName="chooze"/>                    
             </ItemTemplate>                 
          </asp:TemplateField>             
       </Columns>         
    </asp:GridView>     
   </div>     
 </form> 
</body> 
</html>

调试时Grid显示的页面为：

dotNet平台模板列中的单选无效的解决方案

很明显，gird被解析成一个table。里面的radiobutton被解析成input。这个是很自然的。此外，VS还（通过添加前缀）刻意保证每个radiobutton的GroupName都不一样。所以在grid里通过指定其groupName的方式来使得模板列中的radiobutton为同一个组是行不通的（就是有点想不通为什么微软要这样做，可能是一个bug）。实现在grid里单选的比较简单的方法就是用javascript函数。就是上面前台代码的那个setradio（）函数。

相关文章