在GridView中加入单选按钮RadioButton
2007-07-17 09:52
405 查看
首先鄙视下dudu:不管你是什么文章,如果你加上一句:恳请dudu能够让我在首页挂一天,那么这文章就不会被dudu撤下来的,但是如果你没加,那不好意思,dudu的大刀就会向你举起!这是典型的顺风耳!
这段时间一直为网站的事醉心于代码,除了每天早晨给出交易信号外,基本上没有关注过行情了.但代码仅是我的爱好而已,操盘才是我的正业,趁现在心思还没有完全转到操盘上面来,把这个项目我整理的一些代码记下来,有点意义的就是如何给GridView加入单选按钮了.
在网上查阅了一些文章,无非就是:
1,放一个html单选控件:<input type="radio"...
2,放一个RadioButtonList;
这两种方法都有弊端;第一种如果我们要在后台取radiobutton的值就显得很麻烦,第二种会让我们不好布局,但是大家知道,如果仅仅是在GridView里面加入RadioButton,我们就实现不了单选,后面查阅了一老外的文章,找到了一种自认为比较好的方法,实现思路是:在后台给radiobutton加入个onclick属性,在前台当用户单击这个单选按钮的时候用js去遍历,取消其他单选的选择,下面是配合一个投票系统的代码,这个投票系统能够在后台自动生成是单选还是复选按钮,最后面的是一个实例.demo请见:http://www.yinuof.com/topiccontent.aspx?id=135&class=5
js代码:
后台代码:
这段时间一直为网站的事醉心于代码,除了每天早晨给出交易信号外,基本上没有关注过行情了.但代码仅是我的爱好而已,操盘才是我的正业,趁现在心思还没有完全转到操盘上面来,把这个项目我整理的一些代码记下来,有点意义的就是如何给GridView加入单选按钮了.
在网上查阅了一些文章,无非就是:
1,放一个html单选控件:<input type="radio"...
2,放一个RadioButtonList;
这两种方法都有弊端;第一种如果我们要在后台取radiobutton的值就显得很麻烦,第二种会让我们不好布局,但是大家知道,如果仅仅是在GridView里面加入RadioButton,我们就实现不了单选,后面查阅了一老外的文章,找到了一种自认为比较好的方法,实现思路是:在后台给radiobutton加入个onclick属性,在前台当用户单击这个单选按钮的时候用js去遍历,取消其他单选的选择,下面是配合一个投票系统的代码,这个投票系统能够在后台自动生成是单选还是复选按钮,最后面的是一个实例.demo请见:http://www.yinuof.com/topiccontent.aspx?id=135&class=5
1<asp:Panel ID="literalVote" runat="server" Visible="false"> 2 <asp:GridView ID="gridVote" runat="server" AutoGenerateColumns="False" BackColor="#B6C9E7" CssClass="tableBack" CellPadding="3" CellSpacing="1" ShowHeader="False" Width="100%" DataKeyNames="this_id,vote_type,this_title" OnRowDataBound="gridVote_RowDataBound"> 3 <Columns> 4 <asp:TemplateField> 5 <ItemTemplate> 6 <asp:PlaceHolder ID="placeVote" runat="server" /> 7 </ItemTemplate> 8 <ItemStyle BackColor="White" /> 9 </asp:TemplateField> <asp:TemplateField> <ItemTemplate> <asp:Image ID="voteImage" Runat="server" Height="8px" Width='<%# FormatImage(Convert.ToInt32(Eval("vote_num").ToString())) %>' ImageUrl="img/bar2.gif"></asp:Image><%#Eval("vote_num") %> </ItemTemplate> <ItemStyle Width="50%" BackColor="White" /> </asp:TemplateField> </Columns> </asp:GridView> <div style="margin-top:5px;font-size:12px;color:#000000;"> <asp:Button UseSubmitBehavior="false" Text="我要投票" ID="buttonVote" runat="server" OnClick="buttonVote_Click" /> 【截至时间:<asp:Literal ID="literalTimeout" runat="server" /> | <a href='voteuser.aspx?id=<%=Request.QueryString["id"] %>' class="aTitle" target="_blank">查看投票用户</a>】 </div> </asp:Panel>
js代码:
1<script language="javascript"> function SetUniqueRadioButton(nameregex, current) 2 </script>
后台代码:
protected void gridVote_RowDataBound(object sender, GridViewRowEventArgs e) { PlaceHolder place = (PlaceHolder)e.Row.FindControl("placeVote"); if (place != null) { if (gridVote.DataKeys[e.Row.RowIndex].Values["vote_type"].ToString().ToLower() == "false") { //单选 RadioButton radioVote = new RadioButton(); radioVote.ID = "radioVote"; string script = "SetUniqueRadioButton('gridVote.*Vote',this)"; radioVote.Attributes.Add("onclick",script); //绑定数据 //BindItemData(radioVote, Int32.Parse(gridVote.DataKeys[e.Row.RowIndex].Values["this_id"].ToString())); radioVote.Text = gridVote.DataKeys[e.Row.RowIndex].Values["this_title"].ToString(); place.Controls.Add(radioVote); } if (gridVote.DataKeys[e.Row.RowIndex].Values["vote_type"].ToString().ToLower() == "true") { //多选 CheckBox checkVote = new CheckBox(); checkVote.ID = "checkVote"; checkVote.Text = gridVote.DataKeys[e.Row.RowIndex].Values["this_title"].ToString(); place.Controls.Add(checkVote); } } }
相关文章推荐
- ASP.NET GridView中加入RadioButton不能单选的解决方案
- 解决ASP.NET GridView中加入RadioButton不能单选
- 如何给GridView添加RadioButton按钮(如何给GridView添加单选按钮)
- 解决ASP.NET GridView中加入RadioButton不能单选
- ASP.NET GridView中加入RadioButton不能单选的解决方案
- 在GridView中的每行加入RadioButton,实现单选一行的功能
- Gridview实现单选按钮(radiobutton)
- asp.net GridView中使用RadioButton单选按钮的方法
- GridView中自定义单选按钮列的实现!(修改)
- GridView的模版列中加入按钮,触发按钮事件后,如何获取该行的某个值?
- 2-1 单选按钮(radioButton)
- asp.net 性别 单选按钮 操作Radiobutton控件
- DataGrid加入单选按钮(C#)
- CheckBox(复选按钮)/RadioButton(单选按钮)/BulletedList控件
- RadioButton单选按钮实现RadioGroup.OnCheckedChangeListener
- GridView控件中加入delete操作,超级链接链, 数据库中查数据在单独页面显示 ,后退按钮HyperLink
- RadioButton利用三个单选按钮写一个石头剪刀布的小项目、开辟子线程、和Handler
- gridview中radiobutton只能单选
- GridView RadioButton 解决办法(一) -- 实现单选