惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
B
Blog RSS Feed
宝玉的分享
宝玉的分享
腾讯CDC
博客园_首页
T
Tailwind CSS Blog
月光博客
月光博客
博客园 - 司徒正美
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
M
MIT News - Artificial intelligence
A
About on SuperTechFans
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
有赞技术团队
有赞技术团队
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
大猫的无限游戏
大猫的无限游戏
MongoDB | Blog
MongoDB | Blog
博客园 - 聂微东
V
Visual Studio Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
SecWiki News
SecWiki News
美团技术团队
P
Privacy International News Feed
H
Help Net Security
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Microsoft Security Blog
Microsoft Security Blog
Know Your Adversary
Know Your Adversary
Y
Y Combinator Blog
D
DataBreaches.Net
Project Zero
Project Zero
T
The Blog of Author Tim Ferriss
Cyberwarzone
Cyberwarzone
C
Cybersecurity and Infrastructure Security Agency CISA
C
Cisco Blogs
S
Schneier on Security
G
GRAHAM CLULEY
博客园 - 三生石上(FineUI控件)
Cisco Talos Blog
Cisco Talos Blog
小众软件
小众软件
Forbes - Security
Forbes - Security
D
Docker
T
Tenable Blog
S
Secure Thoughts
雷峰网
雷峰网
S
Security @ Cisco Blogs
T
The Exploit Database - CXSecurity.com
The Cloudflare Blog
博客园 - 【当耐特】
Spread Privacy
Spread Privacy
阮一峰的网络日志
阮一峰的网络日志

博客园 - Insus.NET

User Profile Service 服务未能登录 Visual Studio2026创建Vue项目 安装与配置node.js HTTP Error 403.14 - Forbidden VisualStudio2026回滚上一版本 消息认证码(加强) 网站无法使用插值字符串语法 HMAC(Hash-based Message Authentication Code)认证示例 浏览器自动发送域凭据 企业内小网站兼用Windows验证登录 访问用户控件的函数 onblur事件改为监听处理 将警报消息改为吐司消息 内容有无变化OnBlur即时更新引起的问题与解决 混合式提高用户编辑与操作效率 光标离开文框后即刻更新 WebForm实现Web API JavaScript对GridView删除行后并重新给其数据绑定 把CS值传给JS使用 v2 确认信息confirm由C#后端移至javascript前端 无法发布网站Web Site JavaScript判断字符是否为decimal 点击单元格弹出窗口处理数据返回父页 文本框输入完后直接按回车提交数据 GridView对行进行全选或单选 TextBox文本框允许用户输入正或负小数 用户单击文本并复制至剪帖板 Vue3格式化日期时间与插值 SQL Server中验证大小字母和数字 MS SQL Server 数据加密与解密实例 相册由原来Lightbox升级至Vue2瀑布流 从Visual Studio 2022升级至Visual Studio 2026 报表应用图表charts显示数据 钉钉(DingTalk)免登录 Upgrade Outlook Connector 程序中真实应用SignalR Web API路径与IIS站点应用程序名或虚拟目录 在您可以登录前,此副本的 Windows 必须被 Microsoft 激活。您想现在激活它吗 电脑系统由Win10降级Win7折腾还是折腾 System.ComponentModel.Win32Exception: Access is denied
GridView数据控件中实现单选功能
Insus.NET · 2026-04-02 · via 博客园 - Insus.NET

GridView数据控件,在页面加载时,会呈现N条记录。
用户想从呈现的记录,选择其中1条。
点选GridView控件首列的radio,然后点GridView控件外的button得到数据行的数据。

GridView控制与Button如下排版,

 <asp:GridView ID="GridViewMeasuringToolData" runat="server" AutoGenerateColumns="false" DataKeyNames="ID"
     OnRowDataBound="GridViewMeasuringToolData_RowDataBound">
     <Columns>
         <asp:TemplateField>
             <HeaderStyle />
             <ItemStyle />
             <HeaderTemplate>
             </HeaderTemplate>
             <ItemTemplate>
                 <input type="radio" name="MySelectRecordData"
                     data-nbr='<%# Eval("ID") %>'
                     data-metric='<%# Eval("Metric") %>'
                    onclick="selectRowData(this);" 
                     />
             </ItemTemplate>
         </asp:TemplateField>
         <%--其它列--%>
     </Columns>
 </asp:GridView>

 <div style="margin-top: 3px;">
     <button type="button" id="selectforhave" runat="server" onclick="selectGridViewValue();">选择</button>
 </div>

注意一点,此radio只能使用html的标签,不能用asp:RadioButton。
为什么?因为服务控件不能生成统name。服务器控件asp:RadioButton有一个GroupName属性,实际运行起来,也起不了生成统一name来达成单选功能。

本例中,想获取数据行的数据是主键ID和metric字段值。使用data-xxx作为radio标签属性。

data-nbr='<%# Eval("ID") %>' data-metric='<%# Eval("Metric") %>'

用户点击radio时,会执行onclick事件selectRowData

<script type="text/javascript">  
 var nbr, metric;
 // 点击 Radio 时保存选中的值到全局变量
 function selectRowData(radio) {
     nbr = radio.getAttribute("data-nbr");
     metric = radio.getAttribute("data-metric");
 }
</script>

另一个Button的click事件selectGridViewValue
2026-04-02_17-16-03

<script type="text/javascript"> 
 function selectGridViewValue() {
     var radios = document.getElementsByName("MySelectRecordData");
     var selectedRadio = null;
     for (var i = 0; i < radios.length; i++) {
         if (radios[i].checked) {
             selectedRadio = radios[i];
             break;
         }
     }
     if (selectedRadio) {
         var nbr = selectedRadio.getAttribute("data-nbr");
         var metric = selectedRadio.getAttribute("data-metric");

        // 获取数据,在此处理相关功能...     
        
     } else {
         alert("请选择一条记录!");
     }
 }

 </script>

View Code