前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Repeater 单选实现

Repeater 单选实现

作者头像
Isaac Zhang
发布2019-09-10 18:37:45
8090
发布2019-09-10 18:37:45
举报
文章被收录于专栏:奔跑的人生奔跑的人生

  很多的朋友都问过我这个问题,我就在这里把它写出来算了。在我们的WEB程序中,很多的时候都要实现多选和单选的操作,

在GridView和Repeater中。其实它们实现起来很相似。多选网上提供了很多的解决方案:如

  只要设置CommandName值的,可直接在ItemCommand事件中获取CommandName或者CommandArgument,

  如果是模板中有文本框之类的,把文件框的AutoPostBack属性设置为True,然后在TextChanged事件中编写如下代码:

C#代码

  1. TextBox t = (TextBox)sender;
  2. RepeaterItem ri = (RepeaterItem)t.NamingContainer;
  3. string itemid =((HiddenField)ri.FindControl("hdfItemId")).Value;

形式和GridView一样,只需记住GridView是GridViewRow,而Repeater是RepeaterItem  。

很多的朋友在实现单选却迷糊了起来,其实单选比起多选来更容易的实现,如:

<asp:Repeater runat="server" ID="rptFileList"> <ItemTemplate> <tr> <td> <input type="radio" id="rdobtn" name="rdobtn" value='<%#Eval("ID")%>' runat="server" onclick="Set(this)"/> </td> <td> <%#Eval("UploadName") %> </td> <td> <%# FormatDate(Eval("DateUploaded")) %> </td> </tr> </ItemTemplate> </asp:Repeater>

我们在前台界面可以添加

<asp:TextBox ID="txtID" runat="server" Text="" style="display:none;"></asp:TextBox>

JS代码如:

function Set(obj) { document.getElementById("<%=txtID.ClientID %>").value = obj.value; }

这样,后台我们就可以很方便的获取到选择行的ID值了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2011-01-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档