JS弄ASP.NET(C#)在页GridView信息选择行

简介:

做web发展还是新手我,为了之前获得Gridview中间值,它是通过服务器端控件通过第一Gridview将数据保存到服务器,当一个服务器,然后绑定的隐藏字段,在通过的js阅读隐藏字段值,如今,这种方法感觉很愚蠢;虽然获得的数据easy但是,什么是穿越Gridview,可是考虑的性能,我还是想用js来读取。

如今可以得到我想要的数据了,为了方便以后和我一样的新手。如今简单记下,希望可以抛砖引玉,有待找到更好的解决的方法。

假设您有更好的想法请联系qq:643166601,我会及时记录更新。

1.准备数据库,我的数据库名字叫做LionDB,以下有一个表叫做User,例如以下:


User表的定义,例如以下:


User表中的数据。例如以下:



2.页面上放两个控件 

a) GridView,绑定数据源,加入checkbox列。其它列自己主动绑定

b) Input(Button) 。加入事件(为以后得详细哪一行或那几行数据做准备)

之后,页面效果例如以下:


4.js关键代码

    <script language="javascript" type="text/javascript">
// <![CDATA[

        function btnChecked_onclick() {

            var tb = document.getElementById("<%=GridView1.ClientID %>"); 
            var sLine = "";
            if (tb) {
                var rows = tb.rows;
                for (var i = 1; i < rows.length; i++) {
                    var cbx = rows[i].cells[0].childNodes[0].nextElementSibling;
                    if (cbx.type == 'checkbox' && cbx.checked == true) {
                        var sUserId = rows[i].cells[1].innerHTML;
                        var sUserName = rows[i].cells[2].innerHTML;
                        sLine += "userId:" + sUserId + "userName:" + sUserName + " ";
                    }
                }
          alert(sLine);
            }
        }
// ]]>
    </script>

5.执行效果



6.得到想要的结果



源代码包:

点击打开链接




版权声明:本文博主原创文章,博客,未经同意,不得转载。






本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/4760026.html,如需转载请自行联系原作者


相关文章
|
Java 物联网 C#
C#/.NET/.NET Core学习路线集合,学习不迷路!
C#/.NET/.NET Core学习路线集合,学习不迷路!
523 0
|
10月前
|
JavaScript Shell C#
多种脚本批量下载 Docker 镜像:Shell、PowerShell、Node.js 和 C#
本项目提供多种脚本(Shell、PowerShell、Node.js 和 C#)用于批量下载 Docker 镜像。配置文件 `docker-images.txt` 列出需要下载的镜像及其标签。各脚本首先检查 Docker 是否安装,接着读取配置文件并逐行处理,跳过空行和注释行,提取镜像名称和标签,调用 `docker pull` 命令下载镜像,并输出下载结果。使用时需创建配置文件并运行相应脚本。C# 版本需安装 .NET 8 runtime。
740 3
|
8月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
347 0
|
开发框架 搜索推荐 算法
一个包含了 50+ C#/.NET编程技巧实战练习教程
一个包含了 50+ C#/.NET编程技巧实战练习教程
369 18
|
缓存 算法 安全
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
精选10款C#/.NET开发必备类库(含使用教程),工作效率提升利器!
424 12
|
开发框架 人工智能 .NET
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
C#/.NET/.NET Core拾遗补漏合集(24年12月更新)
196 6
|
开发框架 算法 .NET
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
C#/.NET/.NET Core技术前沿周刊 | 第 15 期(2024年11.25-11.30)
209 6
|
开发框架 Cloud Native .NET
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
C#/.NET/.NET Core技术前沿周刊 | 第 16 期(2024年12.01-12.08)
213 6
|
开发框架 监控 .NET
C#进阶-ASP.NET WebForms调用ASMX的WebService接口
通过本文的介绍,希望您能深入理解并掌握ASP.NET WebForms中调用ASMX WebService接口的方法和技巧,并在实际项目中灵活运用这些技术,提高开发效率和应用性能。
807 5
|
算法 Java 测试技术
Benchmark.NET:让 C# 测试程序性能变得既酷又简单
Benchmark.NET是一款专为 .NET 平台设计的性能基准测试框架,它可以帮助你测量代码的执行时间、内存使用情况等性能指标。它就像是你代码的 "健身教练",帮助你找到瓶颈,优化性能,让你的应用跑得更快、更稳!希望这个小教程能让你在追求高性能的路上越走越远,享受编程带来的无限乐趣!
645 13